Cómo cargar el enlace de demostración H5 en la página de GitHub

pregunta

He probado minijuegos de otras personas antes, pero no accedía a ellos a través de otras plataformas como WeChat o Byte, sino a través de enlaces H5. En ese momento estaba pensando en cómo realizarlo, ahora lo he estudiado y registrado en este artículo. Aquí discutimos principalmente cómo subir la versión H5 de CocosCreator a la página de GitHub para jugar de prueba .

lograr

paso 1:

Primero, debe compilar la versión H5 en CocosCreator Después de empaquetar , web-mobile existirá en el directorio de compilación , como se muestra en la figura a continuación.


Lo mejor es cambiar la carpeta empaquetada (web-mobile) al nombre del proyecto aquí, porque puede haber varios proyectos cargados en GitHubPage.

Paso 2:

Cree un proyecto en GitHub y hágalo público. Para este paso, consulte la documentación oficial . Pero la documentación oficial puede ser diferente del GitHub actual del lector.
La página de configuración de la página de Github del autor actual se muestra a continuación:

• Nota: Si la descripción del texto en la imagen de arriba no aparece, espere pacientemente y actualícela de vez en cuando . Cuando aparece el contenido en el cuadro rojo, significa que se puede acceder al sitio web estático personal. Puede intentar hacer clic en la dirección estática personal.

Paso 3:

El siguiente paso es el paso más importante. Cargue la carpeta web-mobile creada en el primer paso en Git. La estructura del archivo local del lector debería verse así:

La estructura en GitHub debería verse así:

Finalmente podemos acceder a nuestro index.html empaquetado. Si los lectores siguen los pasos anteriores, la dirección de acceso debe ser la siguiente:
https://username.github.io/myTestProject/index.html
(username.github.io debe reemplazarse con la dirección en el cuadro rojo en el paso 2)

• Nota: Finalmente, cabe señalar que dado que la velocidad de acceso de Github no es tan rápida como la de los sitios web nacionales, puede haber un fenómeno de congelamiento durante el juego de prueba.
  Solución:
  1. Puede intentar usar el servicio doméstico para cargar el enlace H5 (ya que el autor no lo ha probado, por lo que no puedo garantizar que no haya retraso).
  2. Use sitios web estáticos pagados de Alibaba Cloud y Tencent Cloud