初めて自分のドメインでWebAppを配信した結果すべてが始まった

2.1K Views

October 05, 24

#azure #azure app service #jazug #Azure #App Service #カスタムドメイン #DNS設定 #インフラ初心者

スライド概要

ドメイン購入～App Serviceのカスタムドメイン設定の話です。
Japan Azure User Group 14周年イベント(https://jazug.connpass.com/event/327273/)のスライドです

yuma(Maki)

@yuma

スライド一覧

バックエンドエンジニア。　主にC#, Azure, Terraform, Github Actionsをいじっています。

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

（ダウンロード不可）

関連スライド

各ページのテキスト

初めて自分のドメインで WebAppを配信した結果すべてが始まった長瀬マキ #jazug でつぶやいて盛り上がってる感を出していきましょう！

自己紹介 • 名前 – 長瀬マキ（yumaでもマキでもOK) – X: @yuma_prog • コミュニティ – JAZUG, Azureわいがや会, Hack Everything. • Microsoft MVP for Azure(Cloud Native) 2024.08～ • 好き – Azure PaaS, C#, Terraform – GitHub Actions, GitHub Copilot

Azureわいがや会 ×各自でもくもく学ぶ〇全員で一つのことをわいがや学ぶ • 一人のドライバーを全員で眺めて進める（参加者がナビゲーター） • テーマ • Azureに関連する気がすればなんでもOK • やりたいこと・ご質問はXで @yuma_progまで！ • テーマをいただければドライバー代行も可能次回は10/16(水) Semantic Kernel(.NET)でマルチエージェント！聞き専も歓迎マルチエージェントのAIチャットをわいがや実装する会

すべての始まり

• 今までインフラまわりはほぼ触ったことがない • ドメインも証明書もよくわからないけれど、知っていた方がいいのはわかる • オレオレ…？何か色々リプをもらったがさっぱりわからん！ • 「勉強したい」ではなく「勉強しないと」という義務感の分野なので一人だと心が折れそう

ということで、 connpassにイベントを立てるインフラ初心者がドメイン取得からApp Serviceへの証明書設置まで行うのをわいがや応援する会

https://azure-waigaya.connpass.com/event/311999/

Webアプリをカスタムドメインで配信

達成したいこと • App Serviceの既定のドメインではなく、自分のドメインでApp Serviceにアクセスしたい！

手順 1. ドメインの購入 2. Azure DNSでドメインをホスト 3. App Serviceにカスタムドメインを追加

10.

1.ドメイン購入 • 今回はムームードメインを利用 – Azure PortalでApp Serviceからもドメインを購入できるが高い • ほしいドメインを検索して購入！ポイント！好きなものなど、愛着の湧くドメインにしよう人気のドメインを今すぐ取得 | ムームードメイン (muumuudomain.com)

https://muumuu-domain.com/domain/search?domain=jazug

11.

2.Azure DNSでドメインをホスト Azure側の設定ムームードメイン側の設定 • Azure DNSゾーンを作成 – 購入したドメイン名＝リソース名 – ネームサーバーが割り当てられる • （補足）ネームサーバー – ドメイン名に対応するIPアドレスを返すサーバー – ドメインレジストラ（今回はムームードメイン）でも設定できるが今回はAzure DNSを利用チュートリアル:Azure DNS でドメインをホストする | Microsoft Learn

https://learn.microsoft.com/ja-jp/azure/dns/dns-delegate-domain-azure-dns?WT.mc_id=MVP_387167

12.

購入したドメイン名 2.Azure DNSでドメインをホスト • Azure DNSゾーンを作成 – 購入したドメイン名＝リソース名 4つすべて登録することで SLA100％！

13.

2.Azure DNSでドメインをホスト Azure側の設定ムームードメイン側の設定 • Azure DNSゾーンを作成 • ネームサーバーの設定変更 – 購入したドメイン名＝リソース名 – ネームサーバーが割り当てられるムームードメインではネームサーバー名末尾の「.」を削除する必要があった – DNSゾーンに割り当てられたネームサーバー4つすべて登録

14.

2.Azure DNSでドメインをホストちゃんとAzureのDNSゾーンを見てくれているか確認 • DNSゾーン作成時に自動で作成されるSOAレコードを見ているか確認する • nslookup -type=SOA {ドメイン}

15.

3. App Serviceのカスタムドメイン設定 • 前提条件 – Free（F1）レベルではなく、有料レベルのプランが必要既存のカスタム DNS 名をマップする - Azure App Service | Microsoft Learn