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

3.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が使えない場合

（ダウンロード不可）

関連スライド

Visual StudioのGitHub Copilotが便利すぎて離れられない

github copilot visual studio microsoft ignite github universe

yuma(Maki) 62.1K

Blobに保存した診断設定のログをAzure Synapse Analyticsで検索する

azure azure synapse analytics azure blob storage

yuma(Maki) 14.1K

PaaS移行で沼った細々したことを供養する

paas クラウド移行 azure blob storage static web apps front door azure

yuma(Maki) 4.8K

非開発者もアプリを作れる？GitHub Copilot入門から未来まで

github copilot github spark github github copilot workspace

yuma(Maki) 4.8K

コミュニティ歴1年目が教えるコミュニティの楽しみ方(GlobalAzure2024)

yuma(Maki) 3.7K

Azure Functions Azure OpenAI拡張機能を使って簡単にAIとやりとりしてみよう！

azure azure functions azure openai

yuma(Maki) 1.8K

各ページのテキスト

初めて自分のドメインで 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