h5聊天源码手机消息推送设置-泡泡IM

消息推送也就是app在切换到后台或者手机熄屏时,当有消息产生时,自动在屏幕消息栏显示,类似如下的效果。

泡泡IM内置了unipush接口,在使用hbuilderX打包成app时,通过一些设置可以让泡泡IM支持消息推送功能。

1、首先参考 泡泡IM聊天源码打包成APP 进行打包前的设置。

2、在app.js里更改onShow和onHide如下

    /**
     * 当wap2app启动,或从后台进入前台显示,会触发 onShow
     */
    onShow: function() {
        if(window.plus) plus.push.clear();
        var a = plus.webview.all();
        for (var i in a) {
            ws = a[i]; 
            ws.evalJS('if(typeof im != "undefined") im.hide = 0;');
        }
    },
    /**
     * 当wap2app从前台进入后台,会触发 onHide
     */
    onHide: function() {
        var a = plus.webview.all();
        for (var i in a) {
            ws = a[i]; 
            ws.evalJS('if(typeof im != "undefined") im.hide = 1;');
        }
    }

3、在manifest.json 模块配置中勾选Push、uniPush,并点击配置进入配置页面 配置页面如下:

安卓包名:点击菜单 发行->原生app-云打包 弹出的窗口中能看到

安卓应用签名:参考截图中说明获取

iOS BundleId:在打包IOS app时使用,如不需要IOS app,请勾选掉选择平台里 iOS选项

4、如果需要iOS 推送,还需上传iOS推送证书(注意是iOS推送证书)、选择环境、填写证书密码

注意:iOS推送证书和开发者证书不是同一个证书,iOS推送证书生成方式参考 https://www.jianshu.com/p/cc952ea07a08

5、进入泡泡IM管理后台->服务器设置页面 参考步骤4截图里应用配置设置好 appId,appKey,masterSecret(注意是masterSecret),然后保存。

6、然后hbuilderX里运行菜单 发行->原生app-云打包,打包app