集成实践 | 手把手教你通过Cocos接入华为推送服务

2024-01-27 13:30:40

目前Cocos Creator已经支持HMS Core和HUAWEI AppGallery Connect（以下简称 AGC）。开发者可以通过HMS Core和AGC实现一键快速发布游戏，减少了一系列复杂操作，比如SDK接入、开发阶段应用上传，帮助您打造高质量和创新的应用，提升游戏体验。

本篇文章，将一步步带你实现在Cocos中通过华为推送服务发送消息。

主要步骤描述

下载和安装Cocos Creator，并在Cocos网页和Cocos Creator创建一个项目。
在AGC上创建并配置应用信息，然后配置Cocos SDKHub和构建流，添加HUAWEI_HMS (Push) 插件和HUAWEI AppGallery Connect。
编写代码获取token，然后打包编译生成Apk。
测试通知栏消息和透传消息的发送。

步骤详解

第 1 步：下载和安装Cocos Creator，并在Cocos网页和Cocos Creator创建一个项目

访问链接 http://www.cocos2d-x.org/products#creator,下载安装Cocos Creator。
登录Cocos 开发者账号，并创建项目（https://passport.cocos.com/auth/signup）。
打开Cocos Creator ，创建一个项目。

创建过程中，如果遇到下面的错误提示，那么你需要先下载编辑器。

点击Editor进行下载。

第 2 步：在AGC上创建并配置应用信息，然后配置Cocos SDKHub和开发流，添加HUAWEI_HMS (Push) 插件和HUAWEI AppGallery Connect。

参考如下链接，在AGC上创建应用并配置应用信息： https://developer.huawei.com/consumer/cn/doc/development/HMSCore-Guides/android-config-agc-0000001050170137
- 主要步骤包括：
- 生成签名指纹证书；

配置签名指纹证书；
设置数据存储地；
打开相应的服务；

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

按照下图路径，打开服务面板，找到Cocos SDKHub。
登录Cocos Creator并选择你创建的项目。
点击进入Cocos SDKHub并点击 "Plugin Manage".
选择 Push 并点击 OK.
点击面板中的编辑图标（见下图）。
添加从AGC下载的json 文件
点击菜单Project，选择Build进行创建
在Build面板上，选择 HUAWEI AppGallery Connect，点击“build”及“compile”进行编译

如果在创建过程中出现下图的错误，你需要先安装NDK。

第3步：编写代码以获取token，然后打包编译生成Apk

下图展示了整个项目的结构：

将下面的代码添加到 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();