出版
8th Wallプロジェクトを公開するということは、ビルドされたdist/フォルダをどこかにホストするということです。 出力は静的ウェブサイトなので、ほぼすべての静的ホスティング・プロバイダーを使用できる。
WebARでは、カメラへのアクセスにセキュアコンテキスト（HTTPS）が必要です。 デフォルトでHTTPSを提供しているホストを選びましょう（ほとんどのホストがそうです）。
プロダクションビルドの生成
プロジェクト・ルートから
npm run build
プロジェクトがビルドされると、プロジェクトのルートに dist というフォルダが追加される。 このフォルダには、プロジェクトをホストするために必要なすべてのものが含まれ ています。
プロジェクトを主催する
以下は、一般的なホスティングオプションをワークフロー別にまとめたものである：
- ドラッグ＆ドロップ（初心者にお勧め）：ウェブUIで
dist/フォルダ（またはzip）をアップロードします。 - GitベースのCI/CD：Gitリポジトリに接続し、変更をプッシュすると自動的にデプロイされます。
ドラッグ＆ドロップ・ホスティング
これらのホスティング・ソリューションは、初心者の方や、「アップロードしてすぐに使いたい」という方におすすめです。 継続的なアップデートの場合は、ローカルで再構築し、再度アップロード/デプロイする必要があります。
ネットリフィードロップ
Netlify Dropを使えば、distフォルダをドラッグ＆ドロップするだけで、すぐにライブURLを得ることができます。
- プロジェクトをビルドする:
npm run build - 開く Netlify Drop
- dist/`フォルダをページにドラッグする。
- すぐにライブURLが表示されます。
クラウドフレアのページ
Cloudflare Pagesは、フォルダまたはzipのドラッグ＆ドロップを含むダイレクトアップロードフローをサポートしています。
- プロジェクトをビルドする:
npm run build - ダイレクトアップロード**を使用してPagesプロジェクトを作成する
- dist/`フォルダをドラッグ＆ドロップする（またはzipファイルをアップロードする）。
- サイトがデプロイされ、URLが表示されます。
AWSアンプリファイ
Amplify Hostingは手動デプロイをサポートしており、zip圧縮されたビルド出力をドラッグ＆ドロップすることができます。
- プロジェクトをビルドする:
npm run build - dist/`フォルダをzip圧縮する。
- Amplify Hostingで、Deploy without Git providerを選択します。
- zipをドラッグ＆ドロップしてデプロイする
ネオシティーズ
Neocitiesは、シンプルな静的サイト（特に個人/デモプロジェクト）に適した、わかりやすいプラットフォームだ。
**ステップ
- プロジェクトをビルドする:
npm run build - Neocitiesのエディタ/アップローダを使って
dist/の内容をアップロードする。 - 提供されたサイトのURLを使用する
Gitベースのホスティング
反復を続けるつもりなら、gitベースのホスティングを使えば、リポジトリにプッシュしたときに自動的にデプロイできる。 これらのソリューションは、チームや継続的なアップデートに適している。
GitHubページ
GitHub Pages は、リポジトリから静的ファイルを公開するもので、一般的な「設定したら忘れる」オプションです。
Vercel / Netlify (CI/CD)
プロジェクトがGitHub/GitLabにある場合、これらのプラットフォームはプッシュするたびに自動ビルドと自動デプロイができる。