vue结合appcan与极光实现消息推送

项目业务的需要，需要对用户进行消息推送，现如今已经告一段落，那么这一节我就来说一说消息推送的一些思路和注意点，后面有需要的小伙伴可以进行参考。

AppCan，是基于HTML5技术的Hybird跨平台移动应用的开发工具。开发者利用HTML5+CSS3+Javascript,通过App[Can IDE集成开发系统。
也就是说前端基于H5即可实现Android，IOS的原生效果开发。
uexJPush官方文档

极光推送：向某个设备或者某设备列表推送一条通知或消息，推送的内容只能是JSON表示的一个推送对象。
极光推送对象的官方文档

两者之间的关系：
极光是专门做推送等功能性开发的，而AppCan里面的uexJPush其实是appcan调用极光推送，封装了易于前端调用开发的方法。

开发之前要注意的点：
1.一定要在config.xml文件当中配置android和ios

<config desc="uexJPush" type="KEY">
    //  包名
    <param platform="Android" name="$UEXJPUSH_PACKAGE$" value=""/>
    // appkey
    <param platform="Android" name="$UEXJPUSH_APPKEY$" value=""/>
    // appkey
    <param platform="iOS"  file="uexGroupfolder/PushConfig.plist" name="$UEXJPUSH_APP_KEY$" value=""/>
    // apns推送频道 填任意字符串
    <param platform="iOS"  file="uexGroupfolder/PushConfig.plist" name="$UEXJPUSH_PUSH_CHANNEL$" value=""/>
    // 推送证书类型   0-开发者证书 1-发布证书
    <param platform="iOS"  file="uexGroupfolder/PushConfig.plist" name="$UEXJPUSH_APS_ENVIRONMENT$" value=""/>
</config>

2.商用ID标识配置，iOS推送功能apns

<config desc="uexJPush" type="ENTITLEMENTS">
    <entitlement  type="apns"/>
</config>

好的，配置完成后，除了调用uexJPush方法要注意的一些情况之外，还要记得打包的时候，android的包名要配置正确

最后说一说对应方法的使用和逻辑
逻辑：（该逻辑仅供参考，个人的经验，如有不同的见地，欢迎评论）
1.当登录成功后,把token传入，从后台获取别名，并设置别名
2.当有消息传过来的时候，就添加一个通知
3.当点击通知的时候，就进入消息的详情页
以上用到的uexJPush的方法如下：
1.uexJPush.setAlias(json, callbackFunction) 设置别名
2.uexJPush.onReceiveMessage = function(){} 收到了自定义消息
3.uexJPush.addLocalNotification(json) 添加本地通知
4.uexJPush.onReceiveNotificationOpen = function(){} 打开通知
5.uexJPush.setBadgeNumber(badgeNumber) 增加角标

over

vue结合appcan与极光实现消息推送

猜你喜欢