WordpressをAzure上に作る方法

##Wordpressをインストールする
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/48b676c7-4b3f-2ff4-c2b1-c53b34f00cda.png)



##Azure上でWordPressのサイトを作る方法

https://qiita.com/SunFlat25/items/97a521e2b228001e4721

AppServiceとデータベースを設定する

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/283b61b7-c114-0380-cb53-4454a97f743b.png)



![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/a890d52b-8e15-5a98-72ff-48d9f61c32b7.png)


データベースの価格レベルを「Basic」に設定する。
※現在のところ、MySQLの価格レベルは後で変更できないので要注意！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/7791b0e6-a1de-e530-7bea-5cf5deb4718e.png)


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/ab4adc7f-1aee-4a4e-3d70-a7897ba61ca6.png)


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/8b737129-4ba2-24a7-ac1c-79e38b0ce777.png)

###アクセスするURL
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/7800f2d5-8b2d-75c7-e55b-708c361e1e87.png)

###FTP資格情報
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/aec6cdfe-5d08-5d4b-0b4b-21c93c362ba0.png)

####アプリケーションの資格情報でログインする
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/c904e93c-0e90-fd84-0af0-a56ea9c337b3.png)

####Azureから直接ファイルを編集する方法
app>開発ツール>AppServiceEditor
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/c89693e3-b2eb-5556-9a0f-cbd60f33aa99.png)


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/8ee49fbe-16bb-9d4e-1fd6-796e34fc3721.png)



##AppServiceにIPアドレス制限をかける方法

ホーム＞App Service＞AppName | ネットワーク

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/68279e19-64ce-0d6e-b06e-6f05be2f18b3.png)

デフォルトの状態から許可するIPを追加するとこのようになる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/4c2b2196-a3c2-22f6-3c3a-799981f941da.png)


https://docs.microsoft.com/ja-jp/azure/app-service/app-service-ip-restrictions


##初回のアクセスが遅い
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/926d0d51-5c8d-8af8-d07d-fdeb456bf2be.png)

参考：
https://blog.shibayan.jp/entry/20200113/1578920798

##Microsoftアカウント認証を設定する

###★アプリの登録を行う
※アプリケーションの登録画面から行うと上手くいかないので、AppServiceの認証設定から新規で作成した方が上手くいく

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/5f42cecc-00d5-4059-f99f-55935f2ddb9a.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/f5b6b144-392d-8baa-4d5b-e769234822c4.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/fe32f698-bb36-5dc8-2c8d-a08eb79a705c.png)

```入力例.
https://contoso.azurewebsites.net/.auth/login/aad/callback
```
###アプリケーションクライアントIDをコピーする
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/8a042b02-c570-47f3-5f53-90c230056e20.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/8ce693ec-a4e5-879d-0ca3-f418b3486bc0.png)
※とりあえず「有効期限なし」に設定

###
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/cb6376c1-d97d-b77b-e040-ae5c090cc671.png)

※[Certificates & secrets](証明書とシークレット) ページに表示される値をコピーします。 この値はページから移動すると再び表示されません。

参考：
https://docs.microsoft.com/ja-jp/azure/app-service/configure-authentication-provider-microsoft


###AppServiceの認証を設定する
ホーム>appname | 認証/承認

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/6f089086-e1d8-c7f9-7fb0-641c72fae2f4.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/e3b33652-3c1a-0feb-2aac-b21bb1bee966.png)


##メールサーバーの設定
Azureではメールサーバーを用意することは推奨されておらず、SendGridを利用します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/ef9a46d6-8a7a-b3c4-4d7a-612129c68908.png)

WordPress に WP Mail SMTP by WPForms プラグインをインストールし、設定からSendGrid を選択します。 Crate API key から APIキーを発行できるので貼り付けるだけです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/f066f856-de58-a2e7-2f56-3c83751d471e.png)


####APIの発行方法
〇Azure-[SendGridAccount]-[アカウント名]-[Manage]
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/92c004bf-0041-2a05-204a-2fee17a848e6.png)

※最初はメール認証などがあります

〇Setting-ApiKeys-CreateAPIKey

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/f957c2dc-f031-7604-8075-24a7391e2497.png)


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/37a0eae7-008e-99be-59b0-e10474b9e4fe.png)

####出来上がったApiKeyをWordpressのプラグインWP Mail SMTPに貼り付ける

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/d0db20da-364a-933b-0551-2b9a22277f2c.png)



こちらを参照
https://tech-lab.sios.jp/archives/11190

###SendGridエラー
The from address does not match a verified Sender Identity. Mail cannot be sent until this error is resolved. Visit https://sendgrid.com/docs/for-developers/sending-email/sender-identity/ to see the Sender Identity requirements - from;

差出人アドレスが検証済みの送信者IDと一致しません。 このエラーが解決されるまで、メールを送信することはできません。 httpsにアクセス：

⇒APIKeyを再発行して設定のやり直しを実施

##phpMyAdminの利用方法
Azure上からphpMyAdminにアクセスできます。

#####AppServive>App名>設定>MySQLinApp>管理

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/85d2a78b-cdf6-77d9-c145-f464449d8499.png)


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/f49b64c9-03d2-2bcd-2168-e0cc12616a06.png)


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/6a6a144e-30ff-9d71-9610-7a4a5fbdd3da.png)



######localdb内にwordpressのデータは存在している
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/00d26934-e2f1-9a72-446b-345ca8829326.png)

#####MySQLからプラグインを一時的に無効にする方法
https://plugmize.jp/archives/blog/20180710_plugin_activate.html

####FTPでAppServiceに接続する方法
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/48326633-2207-2b3f-4a11-92fb7cdc92b5.png)

https://qiita.com/mo_22/items/37c27b8f62a44b44b495

####価格プラン変更
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/23f36847-b66e-003b-5042-c469739f3bcb.png)



##SSL証明書
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/346533/07a02828-cbc5-503e-063d-76c023f61a73.png)