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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Charles抓包指南

    Charles抓包指南1.进入Charles官网下载。2.安装Charles后,进行注册。help—>register—>input—>ok!RegisteredName:https://zhile.ioLicenseKey:48891cf209c6d32bf43.运行Charles,并进行配置。手机设置代理后,浏览器访问:chls.pro/ssl会下载证书,然后进入手机设置-安全设置-导入证书即可。小米手机需要第三方浏览器打开链接进行下载,否则下载的.

    2022年6月5日
    61
  • Swift-Moya 源码解析

    Swift-Moya 源码解析1 Moya 的定义 Moya 是一个高度抽象的网络库 他的理念是让你不用关心网络请求的底层的实现细节 只用定义你关心的业务 且 Moya 采用桥接和组合来进行封装 默认桥接了 Alamofire 使得 Moya 非常好扩展 让你不用修改 Moya 源码就可以轻易定制 官方给出几个 Moya 主要优点 编译时检查 APIendpoint 权限让你使用枚举定义各种不同 Target endpoints 把 stubs 当做一等公民对待 因此测试超级简单 2 Moya 的使用 Moya 的使用分成几步 首先需要先自定义一个

    2025年10月9日
    2
  • PyCharm教程[通俗易懂]

    PyCharm教程[通俗易懂]Pycharm介绍Pycharm安装Pycharm了解基础知识Pycharm快捷键Pycharm快捷方式PycharmOmniPycharmMacrosPycharmMicrosPycharm改进和编写代码PycharmConsolePycharmshellPycharm调试Pycharm版本控制集成PycharmHTML和CSS集成Py…

    2022年8月25日
    5
  • C语言编写一个计算器(附全源代码)「建议收藏」

    C语言编写一个计算器(附全源代码)「建议收藏」这个计算器其实是我老师布置的一个c语言大作业,捉摸着搞了那么久的东西不能浪费了吧,于是我分享下我的代码和大概思路给个关注点个赞,后续我会分享更多我们学生党的作业问题白嫖党们先看代码,我就先上上全代码,干!(一)软件环境:Devc++我用的这个软件哈,个人感觉这里功能简单,特别容易上手。看图说话,是不是很简单嘛,又不复杂。(二)设计方案根据自学所得栈进行数据和符号的存储再输出,先设立单独的数据栈符号栈,我们以top=-1为标准,判断其是否为空栈,当然也用到了学过的struct来构建栈,先把字符存

    2022年6月3日
    238
  • Anaconda中将python 3.7版本退回python 3.6版本

    Anaconda中将python 3.7版本退回python 3.6版本最近在下载tensorflow的时候出现了如下图所示的情况:Couldnotfindaversionthatsatisfiestherequirementtensorflow经过一番查找资料,发现,原来在2019年,TensorFlow还不支持python3.7,所以,迫于无奈,我只能乖乖把python的版本退回到3.6版本,具体步骤也很简单。就是打开anacondap…

    2022年5月28日
    127
  • Python实现索伯尔算子[通俗易懂]

    Python实现索伯尔算子[通俗易懂]Python实现索伯尔算子最近在学习Python,正好用sobel算子练练手,将就看看吧先放原图接着是用Opencv中sobel实现如下:#OpenCVori_img=cv.imread(“C:\\Users\\BLYX\\Desktop\\test\\temple1.jpg”)x=cv.Sobel(ori_img[:,:,0],cv.CV_16S,1,0)y=cv.Sobel(ori_img[:,:,0],cv.CV_16S,0,1)

    2022年7月14日
    14

发表回复

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

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