Azure Static Web Apps で Azure DNS を使用して頂点ドメインを設定する

サブドメインを含まないドメイン名は、頂点またはルートドメインと呼ばれます。たとえば、ドメイン www.example.com は、www のサブドメインに example.com の頂点ドメインが付加されたものです。

このガイドでは Azure DNS で TXT および ALIAS レコードを使用して頂点ドメインを構成する方法について説明します。

次の手順では、作成した Azure DNS ゾーンと既存の静的 Web アプリから設定をコピーする必要があります。 2 つの異なるウィンドウで Azure portal を開いて、2 つのサービスを簡単に切り替えることができるようにすることを検討してください。

ドメインの所有権を検証する

Azure portal を開きます。
静的 Web アプリに移動します。
[設定] で、[カスタムドメイン] を選択します。
[+ 追加] を選択し、次にドロップダウンメニューで [Azure DNS のカスタムドメイン] を選択します。
[ドメインの入力] タブで、頂点ドメイン名を入力します。

たとえば、ご利用のドメイン名が example.com である場合は、このボックスに「example.com」と入力します (サブドメイン名はなし)。
[次へ] を選択します。

[検証 + 構成] タブに、次の値を入力します。

設定	値
ドメイン名	この値は、前の手順で入力したドメイン名と一致している必要があります。
ホスト名レコードタイプ	[TXT] を選択します。

[レコードセットの追加] ウィンドウに次の値を入力します。

設定	プロパティ
名前	「@」と入力します
Type	[TXT - テキストレコードの種類] を選択します。
TTL	既定値のままにします。
TTL の単位	既定値のままにします。
値	静的 Web アプリからクリップボードに `TXT` レコード値を貼り付けます。

頂点ドメインの行で [状態] を確認します。検証が完了すると、頂点ドメインが公開されます。

この検証の実行中に、構成を完了するためのエイリアスレコードを作成します。

[レコードセットの追加] ウィンドウに次の値を入力します。

[OK] を選択します。
新しいブラウザータブを開き、頂点ドメインに移動します。

DNS レコードが更新されていれば、ブラウザーに静的 Web アプリが表示されます。また、https を使用して場所を調査し、サイトが安全に提供されていることを確認します。