MUI push教程–html5+ push教程
在html5+中Push模块管理推送消息功能,可以实现在线、离线的消息推送,通过plus.push可获取推送消息管理对象。
要使用push,首先要在manifest.json中选择选择push模块,并在个推申请账号,并且申请appkey等。
填好appkey等之后,就可以愉快的使用推送模块啦!
监听手机消息栏中消息的点击事件,你可以这么写:
void plus.push.addEventListener( 'click', listener, Boolean );
参数:
type: ( String ) 必选 事件类型
listener: ( PushReceiveCallback ) 必选 事件监听器回调函数,在接收到推送消息时调用
capture: ( Boolean ) 可选 是否捕获事件,此处可忽略
监听个推发送来的透传消息你可以这么写:
void plus.push.addEventListener( 'receive', listener, Boolean );
其他参数如上。
创建本地消息
void plus.push.createMessage( content, payload, option );
参数:
content: ( String ) 必选
消息显示的内容,在系统通知中心中显示的文本内容。
payload: ( String ) 可选
消息承载的数据,可根据业务逻辑自定义数据格式。
option: ( MessageOptions ) 可选
创建消息的额外参数,参考MessageOptions。
推送通知
如果你想在个推官网推送一条消息,并点击消息可以弹出具体内容,如果直接使用个推的推送是不可以的我们可以使用个推的透传消息,使用void plus.push.addEventListener( 'receive', listener, Boolean );
来接收透传的消息,然后本地创建消息,并监听手机消息中心的点击事件即可。如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
document.addEventListener( "plusready", function(){ // 扩展API加载完毕,现在可以正常调用扩展API // 添加监听从系统消息中心点击某条消息启动应用事件 plus.push.addEventListener( "receive", function ( msg ) { // 分析msg.payload处理业务逻辑 plus.push.createMessage( msg.content, msg.payload||'', msg ); }, false ); plus.push.addEventListener( "click", function ( msg ) { // 分析msg.payload处理业务逻辑 alert(msg.content); }, false ); }, false ); |
点点滴滴
2016年7月27日 16:35
如果想从服务器端推送消息到客户端的话,你可以使用一下GoEasy推送,它有Restful API 支持多语言,而且针对java他们还特别做了SDK,使用很简单方便。同时它也支持客户端推送。由于它支持websocket 和polling两种连接方式所以兼顾大多数主流浏览器,低版本的IE浏览器也是支持的,个人觉得很不错
记得去忘记
2016年11月15日 18:54
为什么我加上 plus.push.createMessage( msg.content, msg.payload||”, msg ); 在线时会接收几十条消息