初めて自分のドメインでWebAppを配信した結果すべてが始まった
2.5K Views
October 05, 24
スライド概要
ドメイン購入～App Serviceのカスタムドメイン設定の話です。
Japan Azure User Group 14周年イベント(https://jazug.connpass.com/event/327273/)のスライドです
バックエンドエンジニア。 主にC#, Azure, Terraform, Github Actionsをいじっています。
関連スライド
各ページのテキスト
初めて自分のドメインで 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への証明書設置まで 行うのをわいがや応援する会
Webアプリを カスタムドメインで配信
達成したいこと • App Serviceの既定のドメインではなく、自分のドメインでApp Serviceにアクセ スしたい！
手順 1. ドメインの購入 2. Azure DNSでドメインをホスト 3. App Serviceにカスタムドメインを追加
1.ドメイン購入 • 今回はムームードメインを 利用 – Azure PortalでApp Serviceからもドメイン を購入できるが高い • ほしいドメインを検索して 購入！ ポイント！ 好きなものなど、愛着の湧く ドメインにしよう 人気のドメインを今すぐ取得 | ムームードメイン (muumuudomain.com)
2.Azure DNSでドメインをホスト Azure側の設定 ムームードメイン側の設定 • Azure DNSゾーンを作成 – 購入したドメイン名＝リソース名 – ネームサーバーが割り当てられる • （補足）ネームサーバー – ドメイン名に対応するIPアドレスを返す サーバー – ドメインレジストラ（今回はムームードメ イン）でも設定できるが今回はAzure DNSを利用 チュートリアル:Azure DNS でドメインをホストする | Microsoft Learn
購入したドメイン名 2.Azure DNSでドメインをホスト • Azure DNSゾーンを作成 – 購入したドメイン名＝リソース名 4つすべて登録することで SLA100％！
2.Azure DNSでドメインをホスト Azure側の設定 ムームードメイン側の設定 • Azure DNSゾーンを作成 • ネームサーバーの設定変更 – 購入したドメイン名＝リソース名 – ネームサーバーが割り当てられる ムームードメインでは ネームサーバー名末尾の「.」を削除する 必要があった – DNSゾーンに割り当てられたネーム サーバー4つすべて登録
2.Azure DNSでドメインをホスト ちゃんとAzureのDNSゾーンを見てくれているか確認 • DNSゾーン作成時に自動で作成されるSOAレコードを見ているか確認する • nslookup -type=SOA {ドメイン}
3. App Serviceのカスタムドメイン設定 • 前提条件 – Free（F1）レベルではなく、有料レベルのプランが必要 既存のカスタム DNS 名をマップする - Azure App Service | Microsoft Learn
3. App Serviceのカスタムドメイン設定 • 前提条件 – Free（F1）レベルではなく、有料レベルのプランが必要
App Serviceで表示されたとおりに Azure DNSでCNAMEとTXTレコードを追加 App Serviceの既定のドメイン
App Serviceに戻って検証→追加 ここまでできたら、カスタムドメインで このApp Serviceを表示できるかチェック！
やったぜ
その結果
ドメインを起点に やりたいことが増えていく
ドメインを起点に やりたいことが増えていく
ドメインを起点に やりたいことが増えていく
ドメインを起点に やりたいことが増えていく
ドメインを起点に やりたいことが増えていく
ドメインを起点に やりたいことが増えていく
ドメインを起点に やりたいことが増えていく これが噂のドメイン駆動開発…？ （違う）
推しの名前でドメインを購入すると… • それを使って遊びたくなる • ドメインを生かすコンテンツ作成がしたくなる • 開発がオタク活動の範囲になり「勉強しなきゃ」が「勉強したい！」になる
推しの名前でドメインを購入すると… • それを使って遊びたくなる • ドメインを生かすコンテンツ作成がしたくなる • 開発がオタク活動の範囲になり「勉強しなきゃ」が「勉強したい！」になる すべてが始まった
推しの名前でドメインを購入すると… • それを使って遊びたくなる • ドメインを生かすコンテンツ作成がしたくなる • 開発がオタク活動の範囲になり「勉強しなきゃ」が「勉強したい！」になる 推しドメインを所有して App Serviceで遊ぼう！ すべてが始まった