《赏金猎人》是一款休闲联机对战小游戏，目前已免费上架 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开发者服务群，来我们一起交流学习！
往期精彩