Cocos平台集成AGC性能管理（一）—— Cocos应用发布

看Cocos Creator产品首页的官方介绍，从V2.4.1版本开始支持华为AppGallery Connect（以下简称AGC），并且提供了AGC的多项服务，仔细查找了官方文档发现支持的AGC平台服务还真是不少，如下图：

本着验证与试用的目的，打算拿“性能管理”服务先练练手，监控下Cocos应用的性能数据。首先了解了下什么是性能管理服务。

AGC性能管理服务

AGC性能管理服务，能够提供分钟级应用性能监控能力，开发者可以在 AGC 后台查看和分析性能管理服务收集到的应用性能数据，从而全面了解所开发应用的性能特点，快速精准修复应用存在的性能问题，持续提升应用的用户体验。

说白了，AGC性能管理服务就是可以帮你监控你的应用的性能数据，包括应用启动、页面加载、网络请求等场景下的应用的性能数据。可以推测，对于游戏这类尤其关注用户体验的应用，可以精准地发现其在应用性能方面需要改进的地方。为了测试其功能，我们首先对AGC对Cocos应用的支持做了测试。

下载与安装Cocos Dashboard

1. Cocos Dashboard是Cocos的界面开发工具，Cocos Dashboard下载地址如下：https://www.cocos.com/creator/（最新版本为V2.4.2）
   

2. 安装Cocos Dashboard的同时，需要安装Visual Studio获取Cocos的依赖包，安装步骤及说明如下图：
   
   

3. 安装完成后，单击“马上运行”即可打开Dashboard。
   

下载与安装Cocos Creator

1. 打开已经下载好的Dashboard，点击右上角登录，如果没有账号可以先注册一个。
   
2. 注册并且登录后，在左侧点击“Editor”，点击右下角的“Download”按钮。
   
3. 在Editor界面，选择最新版本的Cocos Creator，点击右侧的下载按钮，在同意相关条款后，会开始下载。
   
4. 下载完成后，就可以在Project界面，新建Cocos工程了。可以首先新建一个HelloWorld工程试试水。
   
5. 首次打开HelloWorld工程时，会提示你选择语言。这里选择中文即可。选择对应的运行环境，点击运行，就可以看到效果了。
   

配置VS Code编译环境

由于Cocos自带的代码编辑器功能不完善，只适合快速浏览和少量编辑。对开发者来说，需要更加成熟和强大的代码编辑环境，故我们需要另外安装Visual Studio Code用户工程代码的编辑和管理。

1. 根据电脑环境下载并安装对应版本的Visual Studio Code。
   
2. 在Cocos Creator中添加适配插件：在 Cocos Creator 中打开你的项目，然后选择主菜单里的开发者 -> VS Code 工作流 -> 安装 VS Code 扩展插件。
   
3. 控制台出现如下图内容即表示安装成功：
   
4. 如果希望在代码编写过程中自动提示 Cocos Creator 引擎 API，需要通过菜单生成 API 智能提示数据并自动放进项目路径下。选择主菜单的 开发者 -> VS Code 工作流 -> 更新 VS Code 智能提示数据。
   
5. 双击工程目录下的HelloWorld.js脚本，在弹出窗选择“是”选择刚刚下载并安装好的VS CODE作为默认的脚本编辑器。
   
6. 选择完成后，再次双击HelloWorld.js脚本，这个时候就可以愉快地使用VS CODE进行开发了。

打包并发布Cocos应用到AGC

从 v2.4.1 开始，Cocos Creator 支持打包应用发布到AGC，帮助开发者接入到华为的应用市场，并且开始支持AGC的各项服务，例如性能管理等，可以直接快速集成使用。下面将具体介绍：

1. 登录AGC控制台，创建好相关应用。
   

2. 进入Cocos Creator，选择项目-> 构建发布，打开构建发布面板，发布平台选择“HUAWEI AppGallery Connect”。
   

3. 配置好以后，点击构建，当控制台显示Built huawei-agcsuccessfully，表示构建成功。
   注意：首次构建工程时，需要在Cocos的“文件->设置”目录，在原生开发环境界面配置Android SDK路径以及NDK路径。**

4. 构建成功后，点击编译，等待编译成功。
   

5. 编译成功后，默认发布路径 build 目录下便生成了 jsb-default 或者 jsb-link 文件夹（根据构建发布面板中选择模板的不同），其中已经自动集成了 HUAWEI AppGallery Connect 相关服务，打开jsb-link 文件夹内的pulish路径就可以看到打包生成的APK文件了。
   
   

6. 本地的方式或者AGC控制台的方式上传打包后的APK文件。

• 通过Auth方式上传。
  a）通过Auth方式上传。
  

按照下表描述填写页面内容：

b）通过API Client上传。

使用API Client上传，此方法首先需要登录AGC后台获取相关配置信息：选择 用户与访问 -> Connect API -> 创建，创建一个 API 客户端，并根据需要选择角色，然后点击确认。
　　

使用API Client上传，将 API 客户端的 客户端 ID 和 密钥 填入 Creator 上传 面板中的对应输入框。配置完成后点击“确认上传”即可。

上传成功后，即可在AGC控制台上看到刚刚上传的APK。

• AGC控制台上传

  在AGC控制台点击相关应用，进入版本信息页面，点击“软件包管理”，点击“上传”，选择本地Cocos生成的APK上传。
  

至此，便成功发布了一个HelloWorld的Cocos应用。

欲了解更多详情，请参阅：

Cocos官方文档：https://docs.cocos.com/creator/manual/zh/getting-started/install.html

AGC性能管理开发指导文档：https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-apms-introduction

AGC控制台：https://developer.huawei.com/consumer/cn/service/josp/agc/index.html

原文链接：https://developer.huawei.com/consumer/cn/forum/topicview?tid=0203359161844040878&fid=0101271690375130218
作者：鼓楼赵又廷