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

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

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


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


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


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

"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=""/>

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

"uexJPush" type="ENTITLEMENTS">
    type="apns"/>

好的,配置完成后,除了调用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

你可能感兴趣的:(#,L6:Summary,#,L4:Vue,Part1:Web)