HBuilder webapp实现消息推送

HBuilder webapp实现消息推送

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

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

1.注册个推

个推官网：https://www.getui.com/cn/index.html
注册完之后再开发者中心选择个推的消息推送

然后选择登记应用。这个自己填就行了，最后的应用标识就是应用包名。

应用创建好之后在应用配置里就可以得到应用的配置信息了

2.SDK配置

在HBuilder 中的SDK配制中配置个推的SDK，将个推上应用的配置信息对应填入即可。

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.发送推送

在个推上的应用里选择创建推送即可编辑推送的消息

在高级设置里有个透传信息，格式如下

最后进行发送预览，确认后用户就可以接到推送消息了。

推送成功

焦旭涛    2019-02-02