mui+ hbuilder实现推送功能

最近做项目用到了  推送功能  由于是混合APP,所以选择实现个推的方案 比较受限制;

首先说一下,目前做推送功能一般都是依靠第三方平台实现推送;平台都有个推,极光,以及友盟等;

但是html5+内置的就是个推来实现推送,重点是免费的所以就选了个推作为第三方推送工具;

期间遇到的坑:

1,个推的推送消息分为;推送消息和透传消息;

     区别就是推送消息,点击通知栏只能实现三个动作:1. 打开APP。2,跳转到指定页面(必须是http或者https的网址)。3下       载

2. 透传消息,当点击通知栏的通知消息时,会触发一个click事件,这个点击事件  可以书写当你点击通知栏的时候要干什么的逻      辑,所以看你的需求,如果需求是点击同送的消息时候 ,我要有一系列的方法执行,那么只能选择透传消息;

如果只是想打开APP 那么推送就能实现 ,

再来说配置以及本地mainfest.jaon权限

首先在个腿上注册一个应用:mui+ hbuilder实现推送功能_第1张图片

打开配置查看appid  和  appkey  ,AppSecret,将以上三个参数放到manifest.json中;(当然先要在manifest.json模块权限配置中加上push权限)

mui+ hbuilder实现推送功能_第2张图片mui+ hbuilder实现推送功能_第3张图片

注意注意注意

必须打包之后才能实现推送成功,因为hbuilder调试的话会有自己默认的APPid和appkey,这样就与各退平台注册的不一致自然推送收不到。所以想要验证先打包在进行测试;



最后说一下打包的坑;

hbuiler云打包的话是没有什么问题,但是如果你想本地打包的话,自己集成打包环境一定要好好看一下官方文档,因为hbuilder对个推的接口进行了封装,你不按照hbuilder的写的话实现不了点击事件,那么一切都是白搭;

奉上注意的截图以及网址;http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/227mui+ hbuilder实现推送功能_第4张图片




最后看一下点击头穿的消息监听函数:

 plus.push.addEventListener( "click", function( mui.toast("你点击了通知栏");) {

          mui.toast("你点击了通知栏");

                                                          mui.toast(msg);

         
    }, false );
    // 监听在线消息事件
  plus.push.addEventListener( "receive", function( msg ) {
    mui.toast("你好");
    mui.toast(msg);
    $("#box").css("font-size","60px");
     /*根据需要填写*/

    }, false );


纯手打;;;

你可能感兴趣的:(混合app)