集成實踐 | 手把手教你經過Cocos接入華爲推送服務

目前Cocos Creator已經支持HMS Core和HUAWEI AppGallery Connect（如下簡稱 AGC）。開發者能夠經過HMS Core和AGC實現一鍵快速發佈遊戲，減小了一系列複雜操做，好比SDK接入、開發階段應用上傳，幫助您打造高質量和創新的應用，提高遊戲體驗。

本篇文章，將一步步帶你實如今Cocos中經過華爲推送服務發送消息。

主要步驟描述

1. 下載和安裝Cocos Creator，並在Cocos網頁和Cocos Creator建立一個項目。

2. 在AGC上建立並配置應用信息，而後配置Cocos SDKHub和構建流，添加HUAWEI_HMS (Push) 插件和HUAWEI AppGallery Connect。

3. 編寫代碼獲取token，而後打包編譯生成Apk。

4. 測試通知欄消息和透傳消息的發送。

步驟詳解

第 1 步：下載和安裝Cocos Creator，並在Cocos網頁和Cocos Creator建立一個項目

1. 訪問連接 http://www.cocos2d-x.org/products#creator,下載安裝Cocos Creator。

2. 登陸Cocos 開發者帳號，並建立項目（https://passport.cocos.com/auth/signup）。

3. 打開Cocos Creator ，建立一個項目。
   
   

建立過程當中，若是遇到下面的錯誤提示，那麼你須要先下載編輯器。

點擊Editor進行下載。

第 2 步：在AGC上建立並配置應用信息，而後配置Cocos SDKHub和開發流，添加HUAWEI_HMS (Push) 插件和HUAWEI AppGallery Connect。

1. 參考以下連接，在AGC上建立應用並配置應用信息： https://developer.huawei.com/consumer/cn/doc/development/HMSCore-Guides/android-config-agc-0000001050170137

   • 主要步驟包括：

   • 生成簽名指紋證書；

• 配置簽名指紋證書；

• 設置數據存儲地；

• 打開相應的服務；

下載配置文件（agconnect-services.json）；

1. 按照下圖路徑，打開服務面板，找到Cocos SDKHub。
   
   

2. 登陸Cocos Creator並選擇你建立的項目。
   
   
   
   

3. 點擊進入Cocos SDKHub並點擊 "Plugin Manage".
   
   

4. 選擇 Push 並點擊 OK.
   
   
   
   

5. 點擊面板中的編輯圖標（見下圖）。
   
   

6. 添加從AGC下載的json 文件
   
   

7. 點擊菜單Project，選擇Build進行建立
   
   
   
   

8. 在Build面板上，選擇 HUAWEI AppGallery Connect，點擊「build」及「compile」進行編譯
   
   

若是在建立過程當中出現下圖的錯誤，你須要先安裝NDK。

第3步：編寫代碼以獲取token，而後打包編譯生成Apk

下圖展現了整個項目的結構：

1. 將下面的代碼添加到 js-sdkhub.js 文件中:

var onPushResult = function (code, msg) {
  console.log("on push result action.");
  console.log("code: " + code);
  console.log("msg: " + msg);
}
var init = function () {
  let _global = global || window;
  _global.sdkhub = _global.sdkhub || {};

  sdkhub.getPushPlugin = () => null;
  if (typeof SDKHub === 'undefined') 
    return;
  sdkhub.getPushPlugin = () => SDKHub.AgentManager.getInstance().getPushPlugin();

  sdkhub.getPushPlugin().startPush();
  sdkhub.getPushPlugin().setListener(onPushResult, this);
}
init();

1. 點擊 "Build" 後，進行 "Compile" 以打包應用，這個時候，你就能夠將APK安裝到測試設備上進行測試了。
   
   

若是你沒有正確配置指紋證書，那麼你將會在App運行過程當中遇到下圖的錯誤：

在log裏，經過tag "jswrapper|HUB_LOG"你能夠找到設備的token。

第 4 步： 測試通知欄消息和透傳消息的發送

1. 參考連接指導，登陸AGC並選擇Push Kit https://developer.huawei.com/consumer/cn/doc/development/HMSCore-Guides/msg-sending-0000001050042119

a．通知欄消息測試結果

b. 透傳消息測試結果

到這裏，您已經完成了在Cocos中使用華爲推送服務的所有配置和開發流程，如今您能夠您的應用中正式使用華爲推送服務來推送消息了。

欲瞭解更多詳情，請參閱：

華爲開發者聯盟官網：https://developer.huawei.com/consumer/cn/hms

獲取開發指導文檔：https://developer.huawei.com/consumer/cn/doc/development

參與開發者討論請到Reddit社區：https://www.reddit.com/r/HuaweiDevelopers/

下載demo和示例代碼請到Github：https://github.com/HMS-Core

解決集成問題請到Stack Overflow：https://stackoverflow.com/questions/tagged/huawei-mobile-services?tab=Newest

---

原文連接：https://developer.huawei.com/consumer/cn/forum/topicview?tid=0203376511132610301&fid=18做者：夢陽