php属于前端还是后端_php实时推送到前端

php属于前端还是后端_php实时推送到前端功能说明使用第三方平台goeasy实现服务端向前端推送数据基本原理WebSocket使用准备申请goeasy账号并创建应用官网http://www.goeasy.io安装并开启goeasy插件(注意清除缓存)在插件配置中填写应用的Appkeys等配置项使用说明使用插件集成的事件插件在前台(index模块)和后台(admin模块)各集成了两个默认的事件订阅,可以在js中通过监听top来处理,例:也…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

功能说明

使用第三方平台goeasy实现服务端向前端推送数据

基本原理

WebSocket

使用准备申请goeasy账号并创建应用官网http://www.goeasy.io

安装并开启goeasy插件(注意清除缓存)

在插件配置中填写应用的App keys等配置项

6cc6eb2c7f8fd342b73d97f1329d6c88.png

使用说明使用插件集成的事件

插件在前台(index模块)和后台(admin模块)各集成了两个默认的事件订阅,可以在js中通过监听top来处理,例:

17ade6a0f38fc587149af2a5e809559c.png

也可以在插件的common.js (/public/assets/addons/goeasy/js/common.js) 文件中作统一处理。自定义事件

在js中创建监听,例:top.Goeasy.subscribe({

channel: ‘test’,

onMessage: function (message) {

var content = JSON.parse(message.content);

//处理数据示例

Toastr.success(content.msg); //显示消息

speechSynthesis.speak(new SpeechSynthesisUtterance(content.msg)); //语音读取文字

table.bootstrapTable(‘refresh’); //刷新订单表

}

});服务端推送消息,例:$goeasy = new \addons\goeasy\library\Goeasy();

$goeasy->sendGoeasy(‘test’, [‘msg’=> ‘您有新订单了!’, ‘today’=> 100]);

反馈回应

有小伙伴反馈希望加入语音提醒前端收到数据后,可使用语句 speechSynthesis.speak(new SpeechSynthesisUtterance(‘语音文字’)) 实现。 朗读还是安静地处理数据,自己控制。

某些浏览器会禁用自动朗读功能,设置开启即可。或者,对页面有过点击操作的话,不用设置浏览器也朗读。

鸣谢GoEasyhttp://www.goeasy.io

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/234760.html原文链接:https://javaforall.net

(0)
上一篇 2025年5月27日 上午7:43
下一篇 2025年5月27日 上午8:15


相关推荐

  • 大数据学习方法

    大数据学习方法有很多学习大数据的朋友,在初期学习时,通常会对如何学习而感到迷茫。我经常在知乎上收到朋友关于如何入门、如何规划学习大数据、大数据的学习流程是什么的一些问题。今天我就粗浅的总结几点学习大数据方法。一、兴趣建立兴趣是可以让一个人持续关注一个事物的核心动力,那么兴趣的培养就非常重要了。如果你把写程序单纯作为赚钱手段,久而久之疲劳感会越来越强,会给今后的工作和生活带来很大的压力。那么如何建立起…

    2022年6月4日
    33
  • SpringBoot 配置 Redis 连接池

    SpringBoot 配置 Redis 连接池SpringBoot2.0默认采用Lettuce客户端来连接Redis服务默认是不使用连接池的,只有配置redis.lettuce.pool下的属性的时候才可以使用到redis连接池

    2025年6月14日
    10
  • GraphQL学习

    GraphQL学习

    2021年6月14日
    165
  • Vue的生命周期函数详解[通俗易懂]

    Vue的生命周期函数详解[通俗易懂]Vue有一个完整的生命周期,也就是从开始创建,初始化创建,编译模板,挂载Dom,渲染–>更新–>渲染,销毁等一系列过程,我们称之为Vue的生命周期。通俗的说就是Vue实例从创建到销毁的过程,就是生命周期。每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化,运行中,销毁。beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed1.实例、组件通过newVu

    2022年10月9日
    4
  • 天龙八部科举答题问题和答案(全1/8)

    天龙八部科举答题问题和答案(全1/8)专注于 Android Unity 和各种游戏开发技巧 以及各种资源分享 网站 工具 素材 源码 游戏等

    2026年3月18日
    2
  • MVP模式在Android开发中的应用

    MVP模式在Android开发中的应用一 MVP 介绍 nbsp nbsp nbsp 随着 UI 创建技术的功能日益增强 UI 层也履行着越来越多的职责 为了更好地细分视图 View 与模型 Model 的功能 让 View 专注于处理数据的可视化以及与用户的交互 同时让 Model 只关系数据的处理 基于 MVC 概念的 MVP Model View Presenter 模式应运而生 nbsp nbsp nbsp 在 MVP 模式里通常包含 4 个要素 nbsp nbsp nbsp 1 View 负责绘制 UI

    2026年3月26日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号