静的サイトをデプロイする
ビルド済みの Web ページを、HTTPS アドレス付きのサイトとしてデプロイします。
始める前に#
- ビルド済みのファイル(
npm run buildで作られるdist/など)。 - アプリを作成する権限。アプリを作成できるのは管理者だけです。
zip でアップロードする場合は、フォルダの中で圧縮して index.html を zip の最上位に置きます。
cd dist
zip -r ../site.zip .よくある間違い
dist フォルダごと圧縮すると、ページが dist/index.html になります。最上位に index.html がないバージョンは受け付けられません。
1. アプリを作成する#
- 「デプロイ › アプリ」を開く 「アプリを作成」を選びます。
- 名前とアドレスラベルを入力する 小文字の英字、数字、ハイフンが使えます。例:
launch-page
アドレスラベルは再利用されません
アプリを削除した後も、そのアドレスが他の組織に割り当てられることはありません。作成前に綴りを確認してください。
2. アップロードする#
アプリの「デプロイ」タブで、フォルダ、.zip、index.html のいずれかをアップロード領域にドロップするか選択し、「アップロードしてビルド」を選びます。
プラットフォームが新しいバージョンをビルドし、公開の前にファイル内のシークレットや個人情報をスキャンします。
Agent Lab MCP に接続した AI ツールで、次のように入力します。
dist/ を Agent Lab のアプリ launch-page にデプロイして。先にプレビューアドレスを見せて、私が OK するまで公開しないで。設定方法は AI ツールでデプロイをご覧ください。
3. 公開する#
アプリの最初のバージョンは、ビルドが成功すると自動で公開されます。訪問者は公開アドレスで見られます。
https://launch-page--acme.hosting.agentlab.run2 つ目以降のバージョンは自動では公開されません。バージョンのプレビューアドレスで確認してから、「デプロイ」タブで「公開」を選びます。
次のステップ#
- バージョン、公開、ロールバック
- アドレスとアクセス:限られた人だけに見せる場合は、アプリをパスワード付きの非公開にします。