Skip to main content

Édition

Publier un projet 8th Wall signifie simplement héberger le dossier dist/ construit quelque part. Le résultat étant un site web statique, vous pouvez utiliser pratiquement n'importe quel fournisseur d'hébergement statique.

info

WebAR nécessite un contexte sécurisé (HTTPS) pour l'accès à la caméra. Choisissez un hébergeur qui propose HTTPS par défaut (la plupart le font).

Générer une version de production

A partir de la racine du projet, exécutez :

npm run build

Une fois le projet construit, un dossier nommé dist sera ajouté à la racine du projet. Ce dossier contient tout ce dont vous avez besoin pour héberger le projet.

Hébergez votre projet

Vous trouverez ci-dessous les options d'hébergement les plus courantes, regroupées par flux de travail :

  • Drag & drop (recommandé pour les débutants) : téléchargez votre dossier dist/ (ou un zip) dans une interface web.
  • Git-based CI/CD : connectez un repo Git pour des déploiements automatiques lorsque vous apportez des changements.

Hébergement par glisser-déposer

pointe

Ces solutions d'hébergement sont recommandées pour les débutants ou si vous souhaitez simplement "télécharger et partir". Pour les mises à jour permanentes, vous devrez reconstruire localement et télécharger/déployer à nouveau.

Netlify Drop

Netlify Drop vous permet de glisser et déposer votre dossier dist et d'obtenir une URL immédiatement, ce qui est idéal pour les démonstrations rapides et le partage.

  1. Construisez votre projet : npm run build
  2. Ouvrir Netlify Drop
  3. Faites glisser votre dossier dist/ dans la page
  4. Vous obtiendrez immédiatement un URL en direct

Pages Cloudflare

Cloudflare Pages prend en charge un flux de téléchargement direct qui comprend le glisser-déposer d'un dossier ou d'un fichier zip.

  1. Construisez votre projet : npm run build
  2. Créer un projet Pages en utilisant Direct Upload (téléchargement direct)
  3. Glisser-déposer le dossier dist/ (ou télécharger un fichier zip)
  4. Votre site est déployé et vous obtenez une URL

AWS Amplify

Amplify Hosting supporte les déploiements manuels où vous pouvez glisser-déposer un fichier de sortie zippé.

  1. Construisez votre projet : npm run build
  2. Zipper le dossier dist/
  3. Dans Amplify Hosting, choisissez Déployer sans fournisseur Git
  4. Glisser-déposer le zip et déployer

Néocities

Neocities est une plateforme simple qui fonctionne bien pour les sites statiques simples (en particulier les projets personnels/démo).

Étapes

  1. Construisez votre projet : npm run build
  2. Télécharger le contenu de dist/ via l'éditeur/uploader de Neocities
  3. Utiliser l'URL du site fourni

Hébergement basé sur Git

pointe

Si vous avez l'intention de continuer à itérer, l'hébergement basé sur git vous permet d'effectuer des déploiements automatiques lorsque vous ajoutez des données à votre répertoire. Ces solutions sont plus adaptées aux équipes et aux mises à jour permanentes.

Pages GitHub

Les pages GitHub publient des fichiers statiques à partir d'un dépôt et constituent une option courante "à définir et à oublier".

Vercel / Netlify (CI/CD)

Si votre projet se trouve sur GitHub/GitLab, ces plateformes peuvent construire et déployer automatiquement à chaque poussée.