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
	},
};
           

四、調試運作

需要制作自定義調試基座

五、測試推送

點選【發送預覽】并确認

效果展示：