前置條件：

1.1 開發環境：windows

1.2 開發框架 :?uni-app 、H5+

1.3?編輯器 :??hbuilderx

2. 進入個推官網??，注冊申請賬號，登錄進入開發者中心，創建應用。

??? 2.1 創建應用步驟：我的/應用管理/創建應用

? ? 2.2?創建完應用以后，查看應用信息，得到appId、appKey、appSecret?

3.?打開?hbuilderx ，在?manifest.json 文件里面的源碼視圖下面配置?sdkConfigsd 對象下的 push 里面配置?igexin對象的屬性值

代碼如下：manifest.json

"push" : { "igexin" : {????????"appid"?:?"", "appkey" : "", "appsecret" : "" }}

appid? 、appkey?、appsecret 的獲取請閱讀步驟?2.2 獲取

代碼示例截圖?manifest.json

4.?在APP客戶端監聽推送消息

可參考此處文檔? ?

Push推送開發指南 :?https://ask.dcloud.net.cn/article/34

h5+推送消息監聽 http://www.html5plus.org/doc/zh_cn/push.html#plus.push.addEventListener

4.1 配置完igexin的屬性值以后，在app.vue文件里面監聽推送消息事件,

代碼示例?app.vue 文件,?在 onLaunch 里面

// console.log('App Launch') const _self = this; //監聽系統通知欄消息點擊事件 plus.push.addEventListener('click', function(message) { //處理點擊消息的業務邏輯代碼 console.log(message);????????plus.nativeUI.toast('click:'+JSON.stringify(message));? //plus.nativeUI.toast('push click'); _self._handlePush(message); }, false); //監聽接收透傳消息事件 plus.push.addEventListener('receive', function(message) { console.log(message);????????plus.nativeUI.toast('receive:'+JSON.stringify(message));? //處理透傳消息的業務邏輯代碼 //plus.nativeUI.toast('push receive'); _self._handlePush(message); }, false);//獲取cidvar pinf = plus.push.getClientInfo();var?cid?=?pinf.clientid;//客戶端標識

注意：

使用uni-app開發不需要引入SDK文件，在HbuilderX云打包時，云打包會自動根據manifest里面配置的?appid? 、appkey?、appsecret?按需引入相關SDK

獲取cid(clientid) :??在App內使用H5+? 進行獲取

???? 2.1 H5+獲取 cid 文檔?：

??? ?http://www.html5plus.org/doc/zh_cn/push.html#plus.push.getClientInfo

???? 3.?uni-app使用plus注意事項????https://uniapp.dcloud.io/use-html5plus

??? uni-app不需要 plus ready 在html中使用plus的api，需要等待plus ready。而uni-app不需要等，可以直接使用。而且如果你調用plus ready，反而不會觸發

4.??manifest.json 配置完成后，打包為測試包(自定義基座)，測試推送消息

4.1 測試推送消息，如果不知道App設備的cid，可通過個推指定的 獲取cid的app工具，安裝到手機上，在開發者中心，選擇創建推送/配置管理/故障排查菜單，輸入cid工具里的驗證碼

4.2 手機上安裝的App必須配置了??appid? 、appkey?、appsecret，否則通過cid工具里面的驗證碼取不到CID

總結

以上是生活随笔為你收集整理的uniapp中使用picker_uniapp 使用个推推送系统消息的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。