六、uniapp对接极光推送具体步骤详解

:::info
期望:用户实时得知项目内各项通知
:::

1.极光企业运营平台创建应用

首先在程序中设置包名,再去极光平台创建应用

极光
六、uniapp对接极光推送具体步骤详解_第1张图片
六、uniapp对接极光推送具体步骤详解_第2张图片六、uniapp对接极光推送具体步骤详解_第3张图片六、uniapp对接极光推送具体步骤详解_第4张图片六、uniapp对接极光推送具体步骤详解_第5张图片六、uniapp对接极光推送具体步骤详解_第6张图片

2.厂商通道相关参数申请教程

Android集成之前需要先在各个厂商申请应用参数

厂商通道相关参数申请教程

3.HBuilderX集成(Android、iOS集成)

1、这种集成方式,1.0.4以下的插件版本,Android厂商无法集成华为和 FCM;
2**、**1.0.4 以上的插件版本,Android厂商可以集成华为通道,无法集成FCM。
如需集成FCM可以使用 HBuilderX离线打包集成(Android Studio)
集成方法云端与本地二选一即可

插件地址

插件地址(JPush):https://ext.dcloud.net.cn/plugin?id=4035
插件地址(JCore):https://ext.dcloud.net.cn/plugin?id=4028

云端插件集成

六、uniapp对接极光推送具体步骤详解_第7张图片六、uniapp对接极光推送具体步骤详解_第8张图片

本地插件集成

六、uniapp对接极光推送具体步骤详解_第9张图片六、uniapp对接极光推送具体步骤详解_第10张图片

配置manifest.json

配置JG-JPUSH,设置Android和ios的应用包名六、uniapp对接极光推送具体步骤详解_第11张图片
配置JG-JCore ,设置Android和ios的应用包名和极光官网信息的AppKey六、uniapp对接极光推送具体步骤详解_第12张图片

检测集成效果

六、uniapp对接极光推送具体步骤详解_第13张图片六、uniapp对接极光推送具体步骤详解_第14张图片

制作自定义基座(Android)

六、uniapp对接极光推送具体步骤详解_第15张图片六、uniapp对接极光推送具体步骤详解_第16张图片六、uniapp对接极光推送具体步骤详解_第17张图片

运行测试

六、uniapp对接极光推送具体步骤详解_第18张图片

3.极光API

jpush-hbuilder-plugin/API.md at master · jpush/jpush-hbuilder-plugin

一些常用方法

var jpushModule = uni.requireNativePlugin("JG-JPush");
jpushModule.getRegistrationID(result=>{	
            let registerID = result.registerID
          })	
// 调用此 API 来取得应用程序对应的 RegistrationID。 
// 只有当应用程序成功注册到 JPush 的服务器时才返回对应的值,
// 否则返回空字符串
jpushModule.initJPushService()
jpushModule.addConnectEventListener(result=>{
				let connectEnable = result.connectEnable //boolean
			})
jpushModule.setAlias({
                'alias' : 'coder',
					      'sequence': 1
				})
// 每次调用设置有效的别名,覆盖之前的设置
// alias 有效的别名组成:字母(区分大小写)、数字、下划线、汉字、特殊字符@!#$&*+=.|
// sequence 请求时传入的序列号,会在回调时原样返回
jpushModule.addNotificationListener(result=>{
				let notificationEventType = result.notificationEventType
				let messageID = result.messageID
				let title = result.title
				let content = result.content
				let extras = result.extras
			})
// notificationEventType字段 区分 是 通知收到 还是 点击通知
jpushModule.deleteAlias({
					'sequence': 1
				})

你可能感兴趣的:(微信小程序,uni-app,信息与通信)