Gestión integrada del rendimiento de AGC de la plataforma Cocos (1) -Versión de la aplicación Cocos

En cuanto a la introducción oficial en la página de inicio del producto Cocos Creator, Huawei AppGallery Connect (en adelante, AGC) ha sido compatible desde la versión V2.4.1, y se han proporcionado varios servicios de AGC. Busqué cuidadosamente los documentos oficiales y descubrí que realmente hay muchos servicios de plataforma de AGC compatibles. Como se muestra en la siguiente figura: Para
Inserte la descripción de la imagen aquí
fines de verificación y prueba, planeo utilizar el servicio de "gestión del desempeño" para practicar y monitorear los datos de desempeño de la aplicación Cocos. Primero, comprenda qué es el servicio de gestión del rendimiento.

Servicio de gestión del rendimiento de AGC

El servicio de gestión del rendimiento de AGC puede proporcionar capacidades de supervisión del rendimiento de la aplicación a nivel de minutos. Los desarrolladores pueden ver y analizar los datos de rendimiento de la aplicación recopilados por el servicio de gestión del rendimiento en el contexto de AGC para comprender completamente las características de rendimiento de la aplicación desarrollada y reparar de forma rápida y precisa el rendimiento existente de la aplicación. Problema, continúe mejorando la experiencia del usuario de la aplicación.

Para decirlo sin rodeos, el servicio de gestión del rendimiento de AGC puede ayudarlo a supervisar los datos de rendimiento de su aplicación, incluidos los datos de rendimiento de la aplicación en escenarios como el inicio de la aplicación, la carga de páginas y las solicitudes de red. Se puede inferir que para aplicaciones como los juegos que prestan especial atención a la experiencia del usuario, es posible encontrar con precisión las áreas que necesitan mejorar el rendimiento de la aplicación. Para probar sus funciones, primero probamos el soporte de AGC para aplicaciones Cocos.

Descarga e instala Cocos Dashboard

  1. Cocos Dashboard es la herramienta de desarrollo de interfaz de Cocos. La dirección de descarga de Cocos Dashboard es la siguiente: https://www.cocos.com/creator/ (La última versión es V2.4.2)
    Inserte la descripción de la imagen aquí

  2. Al instalar Cocos Dashboard, debe instalar Visual Studio para obtener las dependencias de Cocos. Los pasos e instrucciones de instalación son los siguientes:
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  3. Una vez completada la instalación, haga clic en "Ejecutar ahora" para abrir el panel.
    Inserte la descripción de la imagen aquí

Descarga e instala Cocos Creator

  1. Abra el panel descargado y haga clic en la esquina superior derecha para iniciar sesión. Si no tiene una cuenta, puede registrar una primero.
    Inserte la descripción de la imagen aquí
  2. Después de registrarse e iniciar sesión, haga clic en "Editor" a la izquierda y haga clic en el botón "Descargar" en la esquina inferior derecha.
    Inserte la descripción de la imagen aquí
  3. En la interfaz del Editor, seleccione la última versión de Cocos Creator y haga clic en el botón de descarga a la derecha. Después de aceptar los términos relevantes, comenzará la descarga.
    Inserte la descripción de la imagen aquí
  4. Una vez completada la descarga, puede crear un nuevo proyecto de Cocos en la interfaz del proyecto. Primero puede crear un nuevo proyecto HelloWorld para probar el agua.
    Inserte la descripción de la imagen aquí
  5. Al abrir el proyecto HelloWorld por primera vez, se le pedirá que seleccione un idioma. Simplemente elija chino aquí. Seleccione el entorno operativo correspondiente y haga clic en Ejecutar para ver el efecto.
    Inserte la descripción de la imagen aquí

Configurar el entorno de compilación de VS Code

Debido a las funciones imperfectas del editor de código que viene con Cocos, solo es adecuado para una navegación rápida y una pequeña cantidad de edición. Para los desarrolladores, se necesita un entorno de edición de código más maduro y potente, por lo que necesitamos instalar Visual Studio Code para editar y administrar los códigos de proyecto de los usuarios.

  1. Descargue e instale la versión correspondiente de Visual Studio Code según el entorno informático.
    Inserte la descripción de la imagen aquí
  2. Agregue un complemento de adaptación en Cocos Creator: abra su proyecto en Cocos Creator, luego seleccione Desarrollador -> Flujo de trabajo de código VS -> Instalar complemento de extensión de código VS en el menú principal.
    Inserte la descripción de la imagen aquí
  3. La siguiente figura aparece en la consola para indicar una instalación exitosa:
    Inserte la descripción de la imagen aquí
  4. Si desea solicitar automáticamente la API del motor Cocos Creator durante el proceso de escritura del código, debe generar los datos de solicitud inteligente de la API a través del menú y colocarlos automáticamente en la ruta del proyecto. Seleccione Desarrollador -> Flujo de trabajo de VS Code -> Actualizar datos de solicitud inteligente de VS Code en el menú principal.
    Inserte la descripción de la imagen aquí
  5. Haga doble clic en el script HelloWorld.js en el directorio del proyecto y seleccione "Sí" en la ventana emergente para seleccionar el VS CODE recién descargado e instalado como el editor de script predeterminado.
    Inserte la descripción de la imagen aquí
  6. Una vez completada la selección, vuelva a hacer doble clic en el script HelloWorld.js y podrá usar VS CODE para el desarrollo en este momento.

Empaquete y publique la aplicación Cocos en AGC

A partir de la v2.4.1, Cocos Creator admite el lanzamiento de aplicaciones empaquetadas para AGC, lo que ayuda a los desarrolladores a acceder al mercado de aplicaciones de Huawei, y ha comenzado a admitir servicios AGC, como la gestión del rendimiento, que pueden integrarse directamente y utilizarse rápidamente. Lo siguiente presentará específicamente:

  1. Inicie sesión en la consola de AGC y cree aplicaciones relacionadas.
    Inserte la descripción de la imagen aquí

  2. 进入Cocos Creator,选择项目-> 构建发布,打开构建发布面板,发布平台选择“HUAWEI AppGallery Connect”。
    Inserte la descripción de la imagen aquí

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

  4. 构建成功后,点击编译,等待编译成功。
    Inserte la descripción de la imagen aquí

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

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

  • 通过Auth方式上传。
    a)通过Auth方式上传。
    Inserte la descripción de la imagen aquí

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

Inserte la descripción de la imagen aquí

b)通过API Client上传。

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

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

上传成功后,即可在AGC控制台上看到刚刚上传的APK。
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí

  • AGC控制台上传

    在AGC控制台点击相关应用,进入版本信息页面,点击“软件包管理”,点击“上传”,选择本地Cocos生成的APK上传。Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

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

欲了解更多详情,请参阅:

Documento oficial de Cocos: https://docs.cocos.com/creator/manual/zh/getting-started/install.html

Documento de orientación para el desarrollo de la gestión del rendimiento de AGC: https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-apms-introduction

Consola AGC: https://developer.huawei.com/consumer/cn/service/josp/agc/index.html


Enlace original: https://developer.huawei.com/consumer/cn/forum/topicview?tid=0203359161844040878&fid=0101271690375130218
Autor: Drum Chao

Supongo que te gusta

Origin blog.csdn.net/weixin_44708240/article/details/108774878
Recomendado
Clasificación