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

看Cocos Creator产品首页的官方介绍，从V2.4.1版本开始支持华为AppGallery Connect（以下简称AGC），并且提供了AGC的多项服务，仔细查找了官方文档发现支持的AGC平台服务还真是不少，如下图：
在这里插入图片描述
本着验证与试用的目的，打算拿“性能管理”服务先练练手，监控下Cocos应用的性能数据。首先了解了下什么是性能管理服务。

AGC性能管理服务

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

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

下载与安装Cocos Dashboard

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

下载与安装Cocos Creator

打开已经下载好的Dashboard，点击右上角登录，如果没有账号可以先注册一个。

在这里插入图片描述

注册并且登录后，在左侧点击“Editor”，点击右下角的“Download”按钮。

在这里插入图片描述

在Editor界面，选择最新版本的Cocos Creator，点击右侧的下载按钮，在同意相关条款后，会开始下载。

在这里插入图片描述

下载完成后，就可以在Project界面，新建Cocos工程了。可以首先新建一个HelloWorld工程试试水。

在这里插入图片描述

首次打开HelloWorld工程时，会提示你选择语言。这里选择中文即可。选择对应的运行环境，点击运行，就可以看到效果了。

在这里插入图片描述

配置VS Code编译环境

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

根据电脑环境下载并安装对应版本的Visual Studio Code。

在这里插入图片描述

在Cocos Creator中添加适配插件：在 Cocos Creator 中打开你的项目，然后选择主菜单里的开发者 -> VS Code 工作流 -> 安装 VS Code 扩展插件。

在这里插入图片描述

控制台出现如下图内容即表示安装成功：

在这里插入图片描述

如果希望在代码编写过程中自动提示 Cocos Creator 引擎 API，需要通过菜单生成 API 智能提示数据并自动放进项目路径下。选择主菜单的开发者 -> VS Code 工作流 -> 更新 VS Code 智能提示数据。

在这里插入图片描述

双击工程目录下的HelloWorld.js脚本，在弹出窗选择“是”选择刚刚下载并安装好的VS CODE作为默认的脚本编辑器。

在这里插入图片描述

选择完成后，再次双击HelloWorld.js脚本，这个时候就可以愉快地使用VS CODE进行开发了。

打包并发布Cocos应用到AGC

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

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

在这里插入图片描述

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

在这里插入图片描述

配置好以后，点击构建，当控制台显示Built huawei-agcsuccessfully，表示构建成功。

注意：首次构建工程时，需要在Cocos的“文件->设置”目录，在原生开发环境界面配置Android SDK路径以及NDK路径。**

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

在这里插入图片描述

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

在这里插入图片描述