Práctica de integración | enseñarle cómo acceder al servicio push de Huawei a través de Cocos

Actualmente, Cocos Creator ya es compatible con HMS Core y HUAWEI AppGallery Connect (en lo sucesivo, AGC). Los desarrolladores pueden utilizar HMS Core y AGC para publicar juegos rápidamente con un solo clic, lo que reduce una serie de operaciones complejas, como el acceso al SDK y la carga de aplicaciones durante el desarrollo, lo que le ayuda a crear aplicaciones innovadoras y de alta calidad y a mejorar la experiencia de juego.

Este artículo lo llevará paso a paso para enviar mensajes a través del Servicio Push de Huawei en Cocos.

Descripción de los pasos principales

  1. Descarga e instala Cocos Creator y crea un proyecto en la página web de Cocos y Cocos Creator.

  2. Cree y configure la información de la aplicación en AGC, luego configure Cocos SDKHub y cree el flujo, agregue el complemento HUAWEI_HMS (Push) y HUAWEI AppGallery Connect.

  3. Escriba el código para obtener el token, luego empaque y compile para generar Apk.

  4. Pruebe el envío de mensajes de la barra de notificaciones y mensajes transparentes.

Pasos detallados

Paso 1: Descargue e instale Cocos Creator y cree un proyecto en la página web de Cocos y Cocos Creator

  1. Enlace de acceso http://www.cocos2d-x.org/products#creator , descargue e instale Cocos Creator.Inserte la descripción de la imagen aquí

  2. Inicie sesión en la cuenta de desarrollador de Cocos y cree un proyecto (https://passport.cocos.com/auth/signup)。Inserte la descripción de la imagen aquí

  3. Abra Cocos Creator y cree un proyecto.
    Inserte la descripción de la imagen aquí

Durante el proceso de creación, si encuentra el siguiente mensaje de error, primero debe descargar el editor.
Inserte la descripción de la imagen aquí

Haga clic en Editor para descargar.
Inserte la descripción de la imagen aquí

Paso 2 : Cree y configure la información de la aplicación en AGC, luego configure Cocos SDKHub y el flujo de desarrollo, agregue el complemento HUAWEI_HMS (Push) y HUAWEI AppGallery Connect.

  1. Consulte el siguiente enlace para crear una aplicación y configurar la información de la aplicación en AGC: https://developer.huawei.com/consumer/cn/doc/development/HMSCore-Guides/android-config-agc-0000001050170137

    • Los pasos principales incluyen:

    • Generar certificado de huella digital de firma;
  • Configure el certificado de huella digital de firma;

  • Establecer ubicación de almacenamiento de datos;

  • Abra el servicio correspondiente;

Descargue el archivo de configuración (agconnect-services.json);
Inserte la descripción de la imagen aquí

  1. Siga la ruta en la figura a continuación para abrir el panel de servicio y encontrar Cocos SDKHub.
    Inserte la descripción de la imagen aquí

  2. Inicie sesión en Cocos Creator y seleccione el proyecto que creó.
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  3. Haga clic para ingresar a Cocos SDKHub y haga clic en "Administrar complementos".
    Inserte la descripción de la imagen aquí

  4. Seleccione Push y haga clic en Aceptar.
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  5. Haga clic en el icono de edición en el panel (consulte la figura siguiente).
    Inserte la descripción de la imagen aquí

  6. Agregue el archivo json descargado de AGC
    Inserte la descripción de la imagen aquí

  7. Haga clic en el menú Proyecto, seleccione Construir para crear
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  8. En el panel de compilación, seleccione HUAWEI AppGallery Connect, haga clic en "compilar" y "compilar" para compilar
    Inserte la descripción de la imagen aquí

Si hay un error en la figura siguiente durante el proceso de creación, primero debe instalar el NDK.
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí

Paso 3 : escriba el código para obtener el token, luego empaquete y compile para generar Apk

La siguiente figura muestra la estructura de todo el proyecto:
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí

  1. Agregue el siguiente código al archivo js-sdkhub.js:
var onPushResult = function (code, msg) {
  console.log("on push result action.");
  console.log("code: " + code);
  console.log("msg: " + msg);
}
var init = function () {
  let _global = global || window;
  _global.sdkhub = _global.sdkhub || {};

  sdkhub.getPushPlugin = () => null;
  if (typeof SDKHub === 'undefined') 
    return;
  sdkhub.getPushPlugin = () => SDKHub.AgentManager.getInstance().getPushPlugin();

  sdkhub.getPushPlugin().startPush();
  sdkhub.getPushPlugin().setListener(onPushResult, this);
}
init();
  1. Después de hacer clic en "Compilar", ejecute "Compilar" para empaquetar la aplicación. En este momento, puede instalar el APK en el dispositivo de prueba para probarlo.
    Inserte la descripción de la imagen aquí

Si no configura el certificado de huella digital correctamente, se encontrará con el siguiente error durante la ejecución de la aplicación:
Inserte la descripción de la imagen aquí

En el registro, puede encontrar el token del dispositivo a través de la etiqueta "jswrapper | HUB_LOG".
Inserte la descripción de la imagen aquí

Paso 4 : probar el envío del mensaje de notificación y el mensaje transparente

  1. Consulte la guía de enlaces, inicie sesión en AGC y seleccione Push Kit https://developer.huawei.com/consumer/cn/doc/development/HMSCore-Guides/msg-sending-0000001050042119

a. Resultado de la prueba del mensaje de la barra de notificaciones
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí

b. Resultado de la prueba de la transmisión de mensajes transparentes
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí

En este punto, ha completado todos los procesos de configuración y desarrollo para usar Huawei Push Service en Cocos. Ahora puede usar oficialmente Huawei Push Service en su aplicación para enviar mensajes.

Para obtener más detalles, consulte:

Sitio web oficial de Huawei Developer Alliance:https://developer.huawei.com/consumer/cn/hms

Obtenga documentos de orientación de desarrollo:https://developer.huawei.com/consumer/cn/doc/development

Para participar en las discusiones de los desarrolladores, vaya a la comunidad de Reddit:https://www.reddit.com/r/HuaweiDevelopers/

Para descargar la demostración y el código de muestra, vaya a Github:https://github.com/HMS-Core

Para resolver problemas de integración, vaya a Stack Overflow:https://stackoverflow.com/questions/tagged/huawei-mobile-services?tab=Newest


Enlace original:https://developer.huawei.com/consumer/cn/forum/topicview?tid=0203376511132610301&fid=18
Autor: Meng Yang

Supongo que te gusta

Origin blog.51cto.com/14772288/2541422
Recomendado
Clasificación