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)

在这里插入图片描述

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

在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述

下载与安装Cocos Creator

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

配置VS Code编译环境

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

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

打包并发布Cocos应用到AGC

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

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

在这里插入图片描述

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

在这里插入图片描述

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

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

  1. 构建成功后,点击编译,等待编译成功。

在这里插入图片描述

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

在这里插入图片描述
在这里插入图片描述

  1. 本地的方式或者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
作者:鼓楼赵又廷

阅读 1.3k

推荐阅读
华为开发者论坛
用户专栏

华为开发者论坛是一个为开发者提供信息传播、开发交流、技术分享的交流空间。开发者可以在此获取技术干...

9 人关注
77 篇文章
专栏主页