カスタムドメイン
アプリが Amplify のウェブホスティング機能を使用するように設定されている場合、アプリのフロントエンド用のカスタムドメインで Amplify Studio にアクセスできます。たとえば、アプリを https://example.com でホストしている場合、https://example.com/amplify/studio などのドメインアドレスで Studio へのわかりやすいリダイレクトを設定できます。
カスタムドメインを接続する場合、サードパーティ DNS プロバイダーで DNS 設定を更新するプロセスは異なります。カスタムドメインの接続の詳細については、AWS Amplify コンソールユーザーガイドの「カスタムドメインのセットアップ」を参照してください。このトピックには、GoDaddy、Google Domains、Amazon Route 53 で DNS 設定を更新するための手順が含まれています。
Studio のカスタムドメインアクセスをセットアップするには
- AWS Management Console にサインインして AWS Amplify を開きます。
- Studio アクセスのためにカスタムドメインに接続するアプリを選択します。
- ナビゲーションペインで App settings、Domain management を選択します。
- Domain management ページで Add domain を選択します。
- Add domain の Domain に、ルートドメインを入力し、Configure domain を選択します。
- Add domain ページの下部で、Set up redirects for custom domain to point to Studio チェックボックスを選択します。
- DNS プロバイダーでドメインの DNS 管理設定を更新します。サードパーティドメインのドメイン所有権の確認と DNS 伝播には最大 48 時間かかる場合があることに注意してください。
アプリがカスタムドメインに正常に接続されると、ドメインアドレスに /amplify/staging を追加して Studio にアクセスできます。たとえば、アプリのドメインが https://example.com の場合、デフォルトでは https://example.com/amplify/staging で Studio にアクセスできます。カスタムリダイレクトルールでドメインアドレスをカスタマイズすることもできます。
Studio アクセスのためのリダイレクトルールを追加するには
- AWS Management Console にサインインして AWS Amplify を開きます。
- Studio アクセスのためのリダイレクトルールを追加するアプリを選択します。
- ナビゲーションペインで App settings、Amplify Studio settings を選択します。
- Domain management セクションに Studio のリダイレクトルールが表示されます。
- Manage を選択します。
- Add redirect rule を選択し、以下の操作を実行します:
- Source にカスタムリダイレクトルール (例:
/amplify/studio) を入力します。 - Target で、Studio を開くバックエンド環境 (例:
staging) を選択します。
- Save を選択します。
この例では、アプリが https://example.com でホストされている場合、staging バックエンドの Studio は https://example.com/amplify/studio で利用可能です。