次の方法で共有

Azure Static Web Apps で Azure DNS を使用してカスタム ドメインを設定する

  • [アーティクル]

既定では、Azure Static Web Apps によって Web サイトに自動生成ドメイン名が提供されますが、カスタム ドメインにサイトを指定することもできます。 自動生成ドメイン名と追加可能なカスタム ドメインに対して、無料の SSL/TLS 証明書が自動的に作成されます。

ドメイン example.com をドメイン名登録業者から購入し、その後 Azure DNS で example.com という名前のゾーンを作成するとします。 www.example.com に Static Web Apps サイトを指定する必要があります。

前提条件

  • ドメイン名レジストラーから購入され、Azure DNS でホストされているドメイン。 詳細については、Azure DNS へのドメインの委任に関するページを参照してください。

ご利用の Web サイトにドメインをマップする

ドメインが Azure DNS でホストされたので、Static Web App を指定する www.<your domain> の CNAME レコードを作成できます。

  1. Azure portal にサインインします。

  2. 上部の検索バーに Static Web App の名前を入力するか、リソースで　Static Web App を見つけます。

  3. [設定] で、[カスタム ドメイン] を選択します。

  4. [+ 追加] を選択し、[Azure DNS のカスタム ドメイン] を選びます。

  5. [Azure DNS にカスタム ドメインを追加する] ウィンドウに次の値を入力します。

    フィールド名 Value
    DNS ゾーン Azure DNS でホストされているドメイン名を選択する
    Subdomain www

    "完全なドメイン" が更新され、目的のカスタム ドメイン名と一致するはずです。

  6. [追加] を選択します。

Static Web Apps では、DNS ゾーンに必要な調整 (CNAME の追加を含む) が行われてから、グローバル DNS システムで変更が使用可能であることが検証されます。

警告

"CNAME レコードが無効である" というメッセージが表示された場合は、DNS ゾーンに Microsoft DNS サービスと DNS レジストラーが一覧表示されていることを確認します。 ドメインを Azure DNS に最近移動した場合、カスタム ドメインを追加する前に DNS の反映を待つ必要がある場合があります。

カスタム ドメインを検証する

DNS の変更が反映されるまで時間がかかる場合があります。 Azure DNS の既定の時間は 1 時間です。

新しいブラウザーを開き、ドメインに移動します (たとえば、https://www.example.com)。 https を使用して場所を調査し、サイトが安全に提供されていることを確認します。