《赏金猎人》是一款休闲联机对战小游戏,目前已免费上架 Cocos Store 资源商城。
本文重点介绍,如何在该游戏中集成华为联机对战能力。
开发环境
Cocos Creator:Cocos Creator 3.7.2
Android:Android Studio 3.6.1
微信小游戏:基本库使用 2.32.2
工程目录

scene:游戏场景,在 Cocos Creator 引擎中是以场景为启动入口。
select
就是我们的入口场景。res:美术资源目录,其中包含了UI图片、开场动画、特效、字体、模型等内容。
resources:音频、配置、粒子特效预制体、UI界面预制体。
script:项目脚本目录,按模块分类涉及UI、游戏逻辑、基础框架、三方库(华为对战引擎)。
工程配置
01 华为联机对战服务
《赏金猎人》基于华为联机对战功能,请先登录华为AppGallery Connect
,创建项目,并完成联机对战
相关配置。

https://developer.huawei.com/consumer/cn/service/josp/agc/index.html
登录 AppGallery Connect 点击我的项目
。
在 AppGallery Connect 项目列表中,添加或找到现有项目,见下图:
注意,在 Cocos Creator 引擎中使用华为联机对战服务,请选择Web
类型的项目。
在左侧导航栏中选择“构建 > 联机对战服务”,进入联机对战服务页面,并开启服务。
02 客端JS-SDK
我们要在自己的游戏中,提供联机对战能力,还需下载华为的JS SDK
脚本,集成到工程中。
将GOBE.d.ts
、GOBE.js
2个文件存放在script/libs
文件夹(《赏金猎人》项目已经有这两个文件,无需再操作)。

新项目需要注意,一定要在 Cocos Creator 引擎中将GOBE.js
设置为插件脚本。
并将证书endpoint-cert.cer
放在resources
文件夹下。
最后,在《赏金猎人》项目gobeUtil.ts
代码中,你还需要填写华为对战服务的CLIENT_ID
、APP_ID
、CLIENT_SECRET
。见下图:
以上内容,你可以在华为 AppGallery Connect 后台项目设置 > SDK配置 > SDK代码片段中找到。
03 实时服务器代码配置
客户端配置完了,接下来还需要配置服务器相关的内容。
进入联机对战服务,展开实时服务器选项,点击托管实时服务器,在列表右侧点击上传代码
标签。
为服务随便取一个名字,点击浏览文件准备上传服务器文件。
浏览到《赏金猎人》项目下goberts/index.js
选择上传。
注意!!!在上传该文件前,还需要在index.js
83 行中的appId
的值为你当前应用的appId。
至此所有配置完毕,你就可以在 Cocos Creator 引擎中启动游戏,邀请旁边的妹纸跟你一起 Happy 抢金币啦!
资源下载
《赏金猎人——华为对战平台》已上架 Cocos Store,游戏源码免费下载!
如果您还没有使用过 Cocos Creator 引擎,可参考下面视频教程。
据华为透露,联机对战服务短时间内,不会启动商业化进程,完全免费使用,欢迎白嫖。而且对 Cocos 引擎的用户,还会有更多技术支持与福利。
最后,欢迎伙伴们加入华为PGS开发者服务群,来我们一起交流学习!
往期精彩
Cocos Store 免费游戏资源下载指南!
社区10款年度优秀游戏资源盘点!
2023 | 10款超用实插件&框架推荐
2023 | 程序员如何构建持续增长的被动收入?
Cocos Creator 2.x 升级 3.x 避坑指南