Verlagswesen

Ein 8th Wall Projekt zu veröffentlichen bedeutet einfach, den erstellten dist/ Ordner irgendwo zu hosten. Da es sich bei der Ausgabe um eine statische Website handelt, können Sie fast jeden statischen Hosting-Anbieter verwenden.

Infos

WebAR erfordert einen sicheren Kontext (HTTPS) für den Zugriff auf die Kamera. Wählen Sie einen Host, der standardmäßig HTTPS anbietet (die meisten tun dies).

Erzeugen eines Produktions-Builds

Führen Sie den Befehl im Stammverzeichnis des Projekts aus:

npm run build

Sobald das Projekt erstellt wurde, wird ein Ordner namens dist zum Projektstamm hinzugefügt. Dieser Ordner enthält alles, was Sie zum Hosten des Projekts benötigen.

Hosten Sie Ihr Projekt

Nachfolgend finden Sie gängige Hosting-Optionen, gruppiert nach Arbeitsabläufen:

• Drag & Drop (für Anfänger empfohlen): Laden Sie Ihren dist/-Ordner (oder ein Zip) in eine Web-UI hoch.
• Git-basiertes CI/CD: Verbinden Sie ein Git-Repositorium für automatische Deploys, wenn Sie Änderungen vornehmen.

Drag & Drop-Hosting

Tipp

Diese Hosting-Lösungen werden für Anfänger empfohlen oder wenn Sie einfach nur "hochladen und loslegen" wollen. Für fortlaufende Aktualisierungen müssen Sie die Dateien lokal neu erstellen und erneut hochladen/verteilen.

Netlify Tropfen

Mit Netlify Drop können Sie Ihren Dist-Ordner per Drag-and-Drop verschieben und erhalten sofort eine Live-URL, ideal für schnelle Demos und die gemeinsame Nutzung.

1. Erstellen Sie Ihr Projekt: npm run build
2. Öffnen Sie Netlify Drop
3. Ziehen Sie den Ordner dist/ auf die Seite
4. Sie erhalten sofort eine Live-URL

Cloudflare-Seiten

Cloudflare Pages unterstützt einen direkten Upload-Flow, der Drag & Drop eines Ordners oder einer Zip-Datei beinhaltet.

1. Erstellen Sie Ihr Projekt: npm run build
2. Erstellen Sie ein Pages-Projekt mit Direkt-Upload.
3. Ziehen Sie den Ordner dist/ per Drag & Drop (oder laden Sie eine Zip-Datei hoch)
4. Ihre Website wird bereitgestellt und Sie erhalten eine URL

AWS Amplify

Amplify Hosting unterstützt manuelle Bereitstellungen, bei denen Sie eine gezippte Build-Ausgabe per Drag & Drop ablegen können.

1. Erstellen Sie Ihr Projekt: npm run build
2. Zip-Ordner dist/
3. Wählen Sie in Amplify Hosting die Option Bereitstellen ohne Git-Anbieter.
4. Ziehen Sie die Zip-Datei per Drag & Drop und verteilen Sie sie

Neocities

Neocities ist eine unkomplizierte Plattform, die sich gut für einfache statische Websites eignet (insbesondere für persönliche/Demoprojekte).

Schritte

1. Erstellen Sie Ihr Projekt: npm run build
2. Hochladen des Inhalts von dist/ über den Neocities-Editor/Uploader
3. Verwenden Sie die angegebene Website-URL

Git-basiertes Hosting

Tipp

Wenn Sie planen, immer wieder zu iterieren, bietet Ihnen das Git-basierte Hosting automatische Bereitstellungen, wenn Sie Ihr Repository erweitern. Diese Lösungen sind besser für Teams und laufende Aktualisierungen geeignet.

GitHub-Seiten

GitHub Pages veröffentlicht statische Dateien aus einem Repository und ist eine gängige Option zum "Einstellen und Vergessen".

Vercel / Netlify (CI/CD)

Wenn sich Ihr Projekt in GitHub/GitLab befindet, können diese Plattformen bei jedem Push eine automatische Erstellung und Bereitstellung vornehmen.