meteor cordova實現(xiàn)蘋果App消息推送

業(yè)務(wù)需求

先簡單說一下我要實現(xiàn)的業(yè)務(wù)需求:就是當(dāng)有用戶下單的時候,把消息推送給供貨商的工作人員,提醒他們進行備貨,這次主要是實現(xiàn)了下面的四個功能。

  1. 定點推送,指定給某臺或者多臺手機發(fā)送推送
  2. 推送到達后APP的角標(biāo)數(shù)量
  3. 推送到手機后,播放特定的手機消息提示語音
  4. 點擊推送的消息跳到指定的頁面

推送原理

首先我先簡單的講一下iOSApp的推送的原理,所有的iOSApp的消息推送都要經(jīng)過APNs(Apple Push Notification service),然后再由APNs發(fā)送給設(shè)備,然后設(shè)備再將數(shù)據(jù)傳遞給指定的APP,具體見下圖:


notification.png

開發(fā)前準(zhǔn)備

先要在蘋果的開發(fā)者網(wǎng)站完成消息推送的配置,具體參考:http://www.itdecent.cn/p/fe03f41a17eb

然后注冊一個極光推送的賬號完成里面的關(guān)于iOS的推送配置,同時拿到極光推送的AppKey和Master Secret。參考網(wǎng)址:https://www.jiguang.cn/

功能實現(xiàn)

首先介紹一下我的開發(fā)環(huán)境:

MacBook Pro系統(tǒng)版本:10.13.6
Xcode版本:10.0
meteor版本:1.4.2.3
調(diào)試機型iPhone 8 plus系統(tǒng)版本:12.0

先安裝極光推送的cordova包,同時在mobile-config里面配置好APP_KEY

meteor add cordova:jpush-phonegap-plugin@3.4.7      //安裝cordova包

App.configurePlugin('jpush-phonegap-plugin', {    // 配置APP_KEY
    'APP_KEY': '4xxxxxxxxxxxxxxx03',
});

使用cordova的也可以直接參考極光推送的文檔:https://www.npmjs.com/package/jpush-phonegap-plugin

極光推送的api文檔參考這個鏈接:https://github.com/jpush/jpush-phonegap-plugin/blob/HEAD/doc/Common_detail_api.md

  1. 首先初始化極光推送(完成這個步驟已經(jīng)可以再極光推送后臺給所有的用戶推送消息了)
document.addEventListener('deviceready', onDeviceReady, false);
function onDeviceReady() {
    if (JPush) {
            JPush.init(); // 初始化極光推送
            JPush.resetBadge();// 每次進入APP將APP角標(biāo)的數(shù)字清除
    }
}
  1. 拿到用戶的registrationID(這個是根據(jù)用戶的devicetoken然后由極光推送生成的一個唯一ID,用于給固定的registrationID推送消息)
JPush.getRegistrationID((regId) => {
        console.log(regId); // 存儲到數(shù)據(jù)庫,然后根據(jù)這個ID進行定點推送
 });
  1. 每次在打開APP和喚醒APP的時候要將角標(biāo)數(shù)字清除
JPush.resetBadge();// 將APP角標(biāo)的數(shù)字清除
  1. 在收到訂單后,發(fā)送HTTP請求主動調(diào)起給固定的用戶發(fā)出推送,這個要調(diào)用極光推送暴露的rest api參考文檔:https://docs.jiguang.cn/jpush/server/push/rest_api_v3_push/
{"platform":["ios"],"audience":{"registration_id:["4312kjklfds2"]"},"notification":{"ios":{"alert":"Hi, test!","sound":"warn.wav","badge":"+1","extras":{"name":"chuck","route":"myOrder"}}},"options":{"apns_production":false}}
// 這是請求的body里面的一個示例(可以用postman發(fā)送請求調(diào)試)

5.修改收到推送的語音,將語音文件放到xcode項目的根目錄下,目前只支持三種格式的語音文件aiff, wav, 或者 caf。然后調(diào)用的時候把sound參數(shù)傳你的文件名,可以看上面那個請求示例。


sound.png

6.點擊推送的消息跳轉(zhuǎn)到指定的頁面。極光推送有個事件專門捕捉用戶點擊推送的事件。

document.addEventListener("jpush.openNotification", function (event) {
  console.log(event); // 這個event對象包含你在發(fā)送HTTP請求是傳的extras里面的數(shù)據(jù),根據(jù)這個去判斷你需要執(zhí)行的操作
}, false)

注意事項

  1. Xcode打包時要注意將Capabilities里面的Push Notifications的開關(guān)打開
  2. Xcode10遇到所有的操作都成功但是還收不到推送,可以點擊File>Project Settings將Build System選擇為Legacy Build System
  3. 還有一種是devicetoken沒有上傳到極光推送服務(wù),這樣也會收不到消息推送,這個在給手機打包的時候在xcode的控制臺上可以看到log輸出,可以查看是否devicetoken成功上傳。

參考文檔

最后若對文章有什么疑問可以在評論區(qū)指出

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容