3
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

お題は不問!Qiita Engineer Festa 2023で記事投稿!

Azure App Service で WordPress を構築する

Last updated at Posted at 2023-07-21

ウェブサイトを作る必要が出たので App Service で構築しました。

すでに持っている(がびっくりするほど何も書いていない)ブログも Azure 上で動く WordPress ですが、こちらは VM (Ubuntu) に WordPress を普通にインストールしたものです。
元 Linux 系エンジニアなので Linux のお勉強も兼ねています。というのは建前で、当時 Azure なんもわからなすぎて VM につっこみました。

今回は App Service で構築してみます。過去に Qiita で書いている方もいますが、記事が古くなっているようなので需要はあると信じています。

Marketplace からリソースを作成

まずは [WordPress] で検索しました。WordPress だけで 120 もあるようです。
今回は App Service を使いたいのでこちらをクリック。
image.png

普段通り、サブスクリプション・リソースグループ・リージョンを指定します。
[ホスティングの詳細] の [名前] には、一意の文字列を入力します。
image.png

今回本番環境ですが、ほとんどアクセスされないことが想定されるため Basic を選択。
image.png

WordPress に必要な情報を入力。
image.png

今回は Blob Storage を使用します。
Virtual Network は事前に作成したものを選択。
image.png

内容を確認して作成。
image.png

デプロイ完了!
作成後放置していましたが、7 分程度かかったようです。
ポチって押したらバッて作ってくれて超便利~(語彙力)
image.png

カスタムドメインを設定

できたリソースがこちら。
[既定のドメイン] から URL をクリックするともう WordPress ができている。
便利かよ。
image.png
image.png

今回はカスタムドメインを使いたいので [カスタム ドメイン] > [カスタム ドメインの追加] をクリック。
image.png

今回はお名前ドットコムで取得したドメインを使用するので、[その他すべてのドメイン サービス] を選択。
カスタムドメインを入力すると、[ドメインの検証] が表示される。
このホスト名をお名前ドットコムに登録し、[検証] をクリックする。
image.png

[検証に合格しました。] と表示されれば OK
[追加] をクリックする。
image.png

登録できた。上段がカスタムドメイン。
image.png

WordPress を使う

アクセスしてみた。ひょ~~~~簡単!!
普段は会社様の社内インフラとかやってるのでこういうの感動します。
image.png

さいごに

思ったより 100 倍くらい簡単でした。
WordPress のいい感じのテーマあったら教えてください。クレジット消せるやつがいいです。
完全理解とかのレベルにすらなってないです。

3
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?