HbuilderX está empaquetado en un paquete de instalación de Android apk y se instala en el teléfono

HbuilderX está empaquetado en un paquete de instalación de Android apk y se instala en el teléfono

1. Paquete de código de proyecto

Empaquete el código front-end desarrollado del proyecto en recursos estáticos como html, css, js, etc. Después del empaquetado, la carpeta /dist se generará automáticamente. No importa en qué entorno se desarrolle el proyecto, estos recursos estáticos se pueden generar.

打包命令：yarnbuild

2. Descarga HbuilderX

Este intercambio requiere el uso de una herramienta muy importante, HbuilderX, que es una herramienta de desarrollo front-end muy útil exportada por dcloud.io, con una función integrada de publicación como aplicación.

Enlace de descarga oficial: https://www.dcloud.io/hbuilderx.html

3. Instalar HbuilderX

Después de descargar HbuilderX, es un paquete comprimido que se puede instalar después de la descompresión (no es necesario instalar la versión verde, simplemente cópiela en la ubicación deseada).

3.1 Selección de temas

4. Registre una cuenta e inicie sesión

Para lograr el paquete en la nube, debe iniciar sesión en el sitio web oficial (puede registrarse en cualquier momento sin una cuenta)

Al mismo tiempo, debe iniciar sesión en el software HbuilderX. Ambos lados deben iniciar sesión y mantener el mismo nombre de usuario.
Este es un paso necesario. Debe registrarse e iniciar sesión en

el fondo del desarrollador
https://dev.dcloud.net.cn/pages/common/login

5. Empieza a empacar

1 Crear un proyecto

Cree un proyecto en el software Hbuilder, seleccione el tipo: 5+App

Debe escribir el nombre del proyecto y la ruta del proyecto. Es mejor escribir el nombre del proyecto en inglés, y es mejor no tener chino en la ruta del proyecto. Créelo después de completarlo

2 Copie los archivos estáticos del proyecto al proyecto recién creado por HbuildX

Copie los recursos estáticos del directorio dist empaquetados anteriormente en el directorio del proyecto 5+App recién creado para empaquetarlos en los archivos de origen de la aplicación.
[Tema de HBuliderX aquí]

Después de copiar ----------------------->

3 Configurar opciones de embalaje [clave]

Haga clic en el archivo manifest.json en el directorio raíz del proyecto para empaquetar. Los principales elementos de configuración son:

Configuración básica: ID de la aplicación, nombre de la aplicación, página de entrada

Configuración de íconos: cargue una imagen cuadrada .png como ícono de la aplicación, tenga en cuenta que el formato debe ser .png

Configuración del módulo: Puede haber un problema con el permiso "Libreta de direcciones", se recomienda cerrar el permiso de la libreta de direcciones

4 Lanzamiento y paquete como aplicación

Busque el menú "Emisión" -> "Empaquetado nativo de la nube de aplicaciones" -> Usar certificado de prueba público -> Empaquetado -> Continuar empaquetado, y luego espere unos 5 minutos, el empaquetado se puede completar y

continuar -------

5 Descarga el archivo apk al teléfono móvil para su instalación

El tiempo de empaquetado puede tardar unos minutos, así que espere pacientemente. Al mismo tiempo, es posible que se le solicite que descargue complementos o registre una cuenta de desarrollador cuando realice el empaquetado en la nube por primera vez, solo siga los requisitos.

Una vez que se completa el paquete, puede encontrar el paquete de instalación .apk en el directorio del proyecto. Si no está en el directorio, puede descargarlo localmente a través de la dirección de descarga.

Este archivo se puede transferir al teléfono móvil a través de WeChat, cable de datos USB, etc., y luego se puede instalar y usar.