Ir al contenido principal

Publicación

Publicar un proyecto de 8th Wall significa simplemente alojar la carpeta dist/ creada en algún lugar. Dado que el resultado es un sitio web estático, puede utilizar casi cualquier proveedor de alojamiento estático.

información

WebAR requiere un contexto seguro (HTTPS) para el acceso a la cámara. Elija un host que proporcione HTTPS por defecto (la mayoría lo hacen).

Generar una compilación de producción​

Desde la raíz del proyecto, ejecute:

npm run build

Una vez construido el proyecto, se añadirá una carpeta llamada dist a la raíz del proyecto. Esta carpeta contiene todo lo necesario para alojar el proyecto.

Aloje su proyecto​

A continuación se presentan las opciones de alojamiento más comunes agrupadas por flujo de trabajo:

  • Arrastrar y soltar (recomendado para principiantes): carga tu carpeta dist/ (o un zip) en una interfaz web.
  • CI/CD basado en Git: conecte un repositorio Git para realizar despliegues automáticos cuando introduzca cambios.

Alojamiento "arrastrar y soltar​

consejo

Estas soluciones de alojamiento se recomiendan para principiantes o si sólo desea "cargar y listo". Para las actualizaciones en curso, tendrá que reconstruir localmente y cargar/desplegar de nuevo.

Netlify Drop​

Netlify Drop le permite arrastrar y soltar su carpeta dist y obtener una URL en vivo de inmediato, ideal para demostraciones rápidas y para compartir.

  1. Construye tu proyecto: npm run build.
  2. Abrir Netlify Drop
  3. Arrastra tu carpeta dist/ a la página
  4. Obtendrás una URL en directo de inmediato

Páginas Cloudflare​

Cloudflare Pages soporta un flujo de carga directa que incluye arrastrar y soltar una carpeta o zip.

  1. Construye tu proyecto: npm run build.
  2. Crear un proyecto Pages utilizando Carga Directa.
  3. Arrastre y suelte la carpeta dist/ (o cargue un zip)
  4. Su sitio se despliega y obtiene una URL

AWS Amplify​

Amplificar Hosting soporta despliegues manuales donde se puede arrastrar y soltar una salida de compilación comprimida.

  1. Construye tu proyecto: npm run build.
  2. Comprima la carpeta dist/.
  3. En Amplify Hosting, elija Deploy without a Git provider.
  4. Arrastre y suelte el zip y despliéguelo

Neocities​

Neocities es una plataforma sencilla que funciona bien para sitios estáticos sencillos (especialmente proyectos personales/demo).

Pasos

  1. Construye tu proyecto: npm run build.
  2. Sube el contenido de dist/ a través del editor/cargador de Neocities
  3. Utilice la URL del sitio proporcionada

Alojamiento basado en Git​

consejo

Si planeas seguir iterando, el alojamiento basado en git te ofrece despliegues automáticos cuando empujas a tu repositorio. Estas soluciones son mejores para los equipos y las actualizaciones continuas.

Páginas de GitHub​

GitHub Pages publica archivos estáticos desde un repositorio y es una opción habitual de "configúralo y olvídate".

Vercel / Netlify (CI/CD)​

Si tu proyecto vive en GitHub/GitLab, estas plataformas pueden auto-construir y auto-desplegar en cada push.