uni-app 使用個推推送系統消息

原文可查看此處 ，搜索 uni-app 使用個推推送系統消息

https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=Mzg3NTAzMzAxNA==&scene=124#wechat_redirect

如果此鏈接在瀏覽器中無法打開，可將此鏈接發送給微信好友或者發送到微信文件傳輸助手。在點擊打開

---

 

前置條件：

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);

獲取 cid（clientid）,需要在App端自行獲取，代碼如下

//獲取cid
var pinf = plus.push.getClientInfo();
var cid = pinf.clientid;//客戶端標識

注意：

　　

1.使用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