手记

集成实践 | 手把手教你通过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。

  • 主要步骤包括:

  • 生成签名指纹证书;

  • 配置签名指纹证书;

  • 设置数据存储地;

  • 打开相应的服务;

下载配置文件(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 步: 测试通知栏消息和透传消息的发送

a.通知栏消息测试结果

b. 透传消息测试结果

到这里,您已经完成了在Cocos中使用华为推送服务的全部配置和开发流程,现在您可以您的应用中正式使用华为推送服务来推送消息了。

欲了解更多详情,请参阅:

华为开发者联盟官网:https://developer.huawei.com/consumer/cn/hms

参与开发者讨论请到Reddit社区:https://www.reddit.com/r/HuaweiDevelopers/

下载demo和示例代码请到Github:https://github.com/HMS-Core


0人推荐
随时随地看视频
慕课网APP