uniapp对接极光推送

前置条件

获取应用包名

一、登录极光官网

1. 进入【服务中心】-【开发者平台】
   
2. 创建应用：【概览】- 【创建应用】，填写应用名称和图标
   
3. 选择【消息推送】服务，点击下一步
   
4. 设置应用包名(图中仅为示例)，点击下一步
   
5. 查看应用信息：点击【设置】-【应用设置】
   查看AppKey和Master Secret，后续需要使用
   

二、安装和配置uniapp极光插件

1. 安装JPush插件

填写好绑定的包名等

2. 安装JCore插件

3. 导入插件到项目

4. 插件配置

打卡manifest.json的源码视图，找到 nativePlugins 节点
(1) 配置JG-JPUSH，设置Android和ios的应用包名

(2) 配置JG-JCore，设置Android和ios的应用包名和极光官网信息的AppKey

三、编写代码

在App.vue中编写如下代码：

<script>
var jpushModule = uni.requireNativePlugin("JG-JPush");

export default {
	onLaunch: function() {
		//#ifdef APP-PLUS
		jpushModule.setLoggerEnable(true);
		jpushModule.initJPushService()
		jpushModule.addConnectEventListener(result=>{
			let connectEnable = result.connectEnable
			console.log("jpush连接", connectEnable)
		})
		
		jpushModule.addNotificationListener(result=>{
			let notificationEventType = result.notificationEventType
			let messageID = result.messageID
			let title = result.title
			let content = result.content
			let extras = result.extras		
			console.log("通知", result)
		})
		
		jpushModule.getRegistrationID(result => {
			console.log("注册ID", result.registerID)
			if(result.registerID){
				uni.setStorageSync("register_id", result.registerID)
			}
		})

		jpushModule.addCustomMessageListener(result=>{
			let messageID = result.messageID
			let content = result.content
			let extras = result.extras
			console.log("自定义消息", result)
		})
		
		//#endif
	},
};

四、调试运行

需要制作自定义调试基座

五、测试推送

点击【发送预览】并确认

效果展示：