原文可檢視此處 ，搜尋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