CloudFront 適用済みの WordPress サイトに ALB を適用後、ALB - WordPress 間を HTTP(80番) で通信させてみる

# ０．はじめに

先日、こちらの記事の対応を行ったんですが、

* [CloudFront 適用済みの WordPress サイトに ALB を適用してみる \- Qiita](https://qiita.com/kusokamayarou/items/1229bed12462eee48e68)

さらに、ALB - EC2 間を HTTPS(443) から HTTP(80) で通信する様に変更しようと思います。

# １．各セキュリティグループ(EC2用、ALB用)に HTTPS(443) だけではなく、HTTP(80) を追加する。
1. ALB 用のセキュリティグループに、HTTP(80) を追加します。
    * ![FireShot Capture 068 - セキュリティグループ - EC2 Management Console - ap-northeast-1.console.aws.amazon.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/161939/9d02f878-d1c6-138f-72b9-27ccbe3f1122.png)
    * ※参考
        * [WordPressを個人で可能な限りAWS構成にしてみた \| いつでも眠い](https://www.otera05.xyz/2018/10/16/wordpress-on-aws/)
1. EC2 用のセキュリティグループに、HTTP(80) を追加します。
    * ![FireShot Capture 071 - セキュリティグループ - EC2 Management Console - ap-northeast-1.console.aws.amazon.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/161939/44845cf4-b9e2-d525-c288-865352322260.png)
    * ※参考
        * [CloudFront 適用済みの WordPress サイトに ALB を適用してみる \- Qiita](https://qiita.com/kusokamayarou/items/1229bed12462eee48e68#%EF%BC%95ec2-%E3%81%AE%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%97ec2-%E3%81%B8%E3%81%AE%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E3%82%92-alb-%E3%81%AE%E3%81%BF%E3%81%AB%E3%81%99%E3%82%8B)

# ２．HTTP(80) 用の ALB のターゲットグループを作成する。
1. HTTP(80) 用の ALB のターゲットグループを作成します。
    * ![FireShot Capture 072 - EC2 Management Console - ap-northeast-1.console.aws.amazon.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/161939/c63e51c5-ea2e-bdd5-b8f3-ed4e20078043.png)
    * ![FireShot Capture 073 - EC2 Management Console - ap-northeast-1.console.aws.amazon.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/161939/e8eb3ef9-d9a7-93f4-b998-448b697fed4e.png)
    * ![FireShot Capture 074 - EC2 Management Console - ap-northeast-1.console.aws.amazon.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/161939/a5735ffb-a7cc-334d-fda2-edb7f656c14a.png)
    * ※参考
        * [CloudFront 適用済みの WordPress サイトに ALB を適用してみる \- Qiita](https://qiita.com/kusokamayarou/items/1229bed12462eee48e68#%EF%BC%93alb-%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B)

# ３．ALB の HTTPS(443) のリスナーのルールを変更し、リクエストを HTTP(80) で送る。
1. ALB の HTTPS(443) のリスナーのルールを開き、転送先を、作成した HTTP(80) 用の ALB のターゲットグループに変更します。
    * ![FireShot Capture 075 - EC2 Management Console - ap-northeast-1.console.aws.amazon.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/161939/19dae997-4fe9-c427-89dd-8ccf65f7e221.png)

# 4．リダイレクトループ問題の対応。
1. 上記の設定を行ったところ、リダイレクトループが発生したので…。
2. wp-config.php に以下のコードを追加します。
<ul>
<li>$ `sudo vi wp-config.php`</li>
<ul><li><pre><code>
$_SERVER['HTTPS'] = 'on';
$_ENV['HTTPS'] = 'on';
</pre></code></li></ul>
</ul>
   * ※参考
       * [CloudFront＋ALB＋EC2＋WordPress構成のHTTPリダイレクト問題 \- VTRyo Blog](https://blog.vtryo.me/entry/wordpress-lb-redirectroop)

# ９９．ハマりポイント

* 今回、ちょっとハマってました…。
<br><br>
* 一つは、以下の 502 Bad Gateway の問題。
    * [WordPress \(AMIMOTO\) で 502 Bad Gateway が表示されたので、調べてみたら php\-fpm\.sock failed \(2: No such file or directory\) とのエラーメッセージが… \- Qiita](https://qiita.com/kusokamayarou/items/78540765efc1377e81ca)
<br><br>
* もう一つは、リダイレクトループの問題。
    * [CloudFront 適用済みの WordPress サイトに ALB を適用後、ALB \- WordPress 間を HTTP\(80番\) で通信させてみる \- Qiita](https://qiita.com/kusokamayarou/items/edffa0f1159f60a2ce82#4%E3%83%AA%E3%83%80%E3%82%A4%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AB%E3%83%BC%E3%83%97%E5%95%8F%E9%A1%8C%E3%81%AE%E5%AF%BE%E5%BF%9C)
<br><br>
でも、何とか解決できて良かった♪

# ＸＸ．まとめ

とりあえず、これで WordPress の構成が良い感じになったのではないかと思います。

SSL 証明書の更新手続きもいらなくなったし、良かった♪

これから、

CloudWatch でしっかり運用みていきたいと思います。

Shifter も試してみたいな〜♪