プレビュー環境　構築記録

ホスティング、CI、プレビュー環境の設定作業。

本番用のaaa/とプレビュー用のaaa-preview/を作成し、生成したファイルだけをデプロイする構成。

CIにビルド、禁止ファイル検査、リンク検査、デプロイCLIによる送信処理を追加した。原稿、スクリプト、下書き、ソースファイルを禁止対象にした。

同じホスティングプロジェクト内で、本番ブランチとプレビューブランチを分けた。プレビュー側のアクセス制限を有効にした。

管理画面でカスタムAPIトークンを作成した。対象アカウントのホスティング編集権限を設定した。

アカウントID、APIトークン、プレビュー有効化フラグ、プロジェクト名の4つをシークレットに登録した。

ブラウザにドメイン未検出エラーが表示された。

アクセス認証画面でメールアドレスを入力した。メールで届いた六桁のコードを入力し、プレビューを表示した。

この作業で、次ができるようになったダヨ。

• 公開前のページを、認証付きプレビューURLで確認できるダヨ
• 本番には公開用の生成ファイルだけを送れるダヨ
• 原稿・下書き・スクリプトが混入するとCIが停止するダヨ
• 壊れたリンクがある場合もデプロイ前に停止するダヨ
• 本番とプレビューを同じ仕組みで自動デプロイできるダヨ
• 存在しないURLには404ページを表示できるダヨ

つまり、原稿をプッシュすると「検査 → 限定プレビュー → 本番公開」の流れを安全に回せるようになったダヨ。