php goeasy,Goeasy数据推送 - 使用goeasy由后端向前端推送数据 – 基于ThinkPHP和Bootstrap的极速后台开发框架...

功能说明

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

基本原理

WebSocket

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

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

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

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

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

也可以在插件的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

php goeasy,Goeasy数据推送 - 使用goeasy由后端向前端推送数据 – 基于ThinkPHP和Bootstrap的极速后台开发框架...相关推荐

小程序直播房间列表读取php,微信小程序直播管理 - 实时同步微信管理后台的直播数据，本地储存与管理直播信息 – 基于ThinkPHP和Bootstrap的极速后台开发框架...
此插件是一款基于FastAdmin+ThinkPHP开发的微信小程序直播管理插件,可在后台管理直播房间.素材管理和商品管理. 功能特性 1,同步直播房间列表 2,创建直播间 3,商品添加并提审 4,撤 ...
java sse_后端向前端推送数据 SSE java
研究一种后端向前端推送数据的操作,叫SSE(Server-Sent Events),但是,我觉得这玩意就是轮询.算了,烦的要死,记录下这种方式把. 前端代码是vue写的,EventSource里面是后 ...
TP5后端,VUE前端请求聚合数据新闻接口
问题描述: TP5当后端,VUE当前端, 请求聚合数据新闻接口演示效果如下: ps: 最开始加载页面的时候,只加载本地的文件(因为请求次数有限制) 问题解决: 1: vue 文件: <temp ...
TP5后端,VUE前端请求聚合数据驾照题库
选择效果: 演示效果: 1: Vue 配置: /config/index.js 'use strict' // Template version: 1.3.1 // see http://vuejs- ...
TP5后端,VUE前端请求聚合数据成语大全
PS: 聚合接口上描述的是成语大全,其实只是以用户查找字为开头的成语而已.先上演示效果: 1: VUE 前端代码 <template><div class="content ...
TP5后端,VUE前端请求聚合数据天气接口
问题描述: TP5 当后端 VUE 当前端请求聚合数据天气接口问题解决: 演示效果前端 VUE 代码: <template><div class="whether-t ...
TP5后端,VUE前端请求聚合数据过去的今天
先上效果: 1: 前端 vue 文件: <template><!--接口地址 http://v.juhe.cn/todayOnhistory/queryEvent.php参数名类型 ...
服务器如何向前端页面推送消息,后端向前端推送消息
SpringBoot+WebSocket集成什么是WebSocket? 为什么需要 WebSocket? 前言 maven依赖 WebSocketConfig WebSocketServer 消息推 ...
后端接收前端提交的数据保存到数据库
前端传数组回来(用自定义的封装实体类接收), controller层用dto接收 dto里面包含所有前端返回的字段用于接收前端返回参数太多的情况,并且是在多张表里面,实体类接收不了. service ...
前端通过js导出报表到excel（如果数据量很大的话，建议不要前端自己导出数据）
function tableToExcel(title,datalist){//title 列名 datalist 需要导出的json文件var jsonData=datalist;//列标题,逗号隔 ...

php goeasy,Goeasy数据推送 - 使用goeasy由后端向前端推送数据 – 基于ThinkPHP和Bootstrap的极速后台开发框架...

php goeasy,Goeasy数据推送 - 使用goeasy由后端向前端推送数据 – 基于ThinkPHP和Bootstrap的极速后台开发框架...相关推荐

最新文章

热门文章