集成實踐 | 手把手教你通過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
作者:夢陽


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM