つばろぐ

主に C#, .NET, Azure の備忘録です。たまに日記。

Azure Static Web Apps: カスタムドメインを設定する

tsubakimoto/toumei-blazorAzure Static Web Apps にデプロイしているが、まだカスタムドメインを設定していなかったので設定する。

docs.microsoft.com

今回は toumei.example.net の形式でカスタムドメインを設定する。

手順

  1. Azure ポータル > Static Web Apps > カスタムドメイン > 追加
  2. カスタムドメインtoumei.example.net と入力し、表示される CNAME の値をコピーする(まだ追加しない)
  3. ドメインDNS 設定画面にて、 CNAME にコピーした値を定義する
  4. Azure ポータルに戻り、カスタムドメインの検証を行い、検証に成功することを確認する
  5. カスタムドメインを追加する

Azure ポータルでの設定

f:id:tech-tsubaki:20210425231316p:plain

DNS の設定(Google ドメイン

f:id:tech-tsubaki:20210425231327p:plain


これで設定は完了する。
DNS の反映が終われば、カスタムドメインでページにアクセスすることができる。

f:id:tech-tsubaki:20210425231259p:plain