HBuilder webapp实现消息推送

HBuilder webapp实现消息推送

关于软件的push推送 HBuilder 只提供了二个SDK(小米推送、个推)

因为我使用的是个推所以这篇文章就主要介绍如何使用个推实现消息推送、

1.注册个推

个推官网:https://www.getui.com/cn/index.html
注册完之后再开发者中心选择个推的消息推送
HBuilder webapp实现消息推送_第1张图片
然后选择登记应用。这个自己填就行了,最后的应用标识就是应用包名。

HBuilder webapp实现消息推送_第2张图片
应用创建好之后在应用配置里就可以得到应用的配置信息了
HBuilder webapp实现消息推送_第3张图片

2.SDK配置

在HBuilder 中的SDK配制中配置个推的SDK,将个推上应用的配置信息对应填入即可。
HBuilder webapp实现消息推送_第4张图片

3.代码配置

在软件的页面上(index页面即可)加入下面代码

mui.plusReady(function(){ 
	 message = document.getElementById("message");
	 // 监听点击消息事件
	 plus.push.addEventListener( "click", function( msg ) {
	     // 判断是从本地创建还是离线推送的消息
	     switch(msg.payload ) {
	         case "LocalMSG":
	             mui.toast( "点击本地创建消息启动:" );
	         break;
	         default:
	              mui.toast( "点击离线推送消息启动:");
	         break;
	     }
	     // 提示点击的内容
	     plus.ui.alert(msg.content); 
	 }, false ); 
	 // 监听在线消息事件 
	 plus.push.addEventListener( "receive", function( msg ) {
	     if (msg.aps) {  // Apple APNS message
	          mui.toast( "接收到在线APNS消息:" );
	     } else {
	          mui.toast( "接收到在线透传消息:" );
	     } 
     }, false );  		
});

4.发送推送

在个推上的应用里选择创建推送即可编辑推送的消息
HBuilder webapp实现消息推送_第5张图片
在高级设置里有个透传信息,格式如下
在这里插入图片描述
最后进行发送预览,确认后用户就可以接到推送消息了。

HBuilder webapp实现消息推送_第6张图片
推送成功

高效率的聚合搜索:www.xiaoqiuss.cn

你可能感兴趣的:(前端)