Goeasy数据推送 使用goeasy由后端向前端推送数据

预览截图

功能介绍

功能说明

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

基本原理

WebSocket

使用准备

  • 申请goeasy账号并创建应用官网http://www.goeasy.io
  • 安装并开启goeasy插件(注意清除缓存)
  • 在插件配置中填写应用的App keys等配置项

image.png

使用说明

  • 使用插件集成的事件

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

image.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('语音文字')) 实现。 朗读还是安静地处理数据,自己控制。
  • 某些浏览器会禁用自动朗读功能,设置开启即可。或者,对页面有过点击操作的话,不用设置浏览器也朗读。

鸣谢

查看更多

7月前

只有登录了后台的情况下才能测试插件,提升安全性

8月前

修复在一些浏览器下,https(SSL)站点不能远程加载官方js的问题

11月前

发布第一个版本