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

目前Cocos Creator已经支持HMS Core和HUAWEI AppGallery Connect(如下简称 AGC)。开发者能够经过HMS Core和AGC实现一键快速发布游戏,减小了一系列复杂操做,好比SDK接入、开发阶段应用上传,帮助您打造高质量和创新的应用,提高游戏体验。java

本篇文章,将一步步带你实如今Cocos中经过华为推送服务发送消息。android

主要步骤描述

  1. 下载和安装Cocos Creator,并在Cocos网页和Cocos Creator建立一个项目。git

  2. 在AGC上建立并配置应用信息,而后配置Cocos SDKHub和构建流,添加HUAWEI_HMS (Push) 插件和HUAWEI AppGallery Connect。 github

  3. 编写代码获取token,而后打包编译生成Apk。json

  4. 测试通知栏消息和透传消息的发送。

步骤详解

第 1 步:下载和安装Cocos Creator,并在Cocos网页和Cocos Creator建立一个项目 app

  1. 访问连接 http://www.cocos2d-x.org/products#creator,下载安装Cocos Creator。在这里插入图片描述编辑器

  2. 登陆Cocos 开发者帐号,并建立项目(https://passport.cocos.com/auth/signup)。在这里插入图片描述ide

  3. 打开Cocos Creator ,建立一个项目。
    在这里插入图片描述

建立过程当中,若是遇到下面的错误提示,那么你须要先下载编辑器。
在这里插入图片描述
测试

点击Editor进行下载。
在这里插入图片描述
ui

第 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做者:梦阳

相关文章
相关标签/搜索