AWS EC2のLaravelアプリに、ロードバランサーを設置するとアクセスできません。

前提・実現したいこと

ロードバランサーを使用したSSL化でアプリにアクセスできません。

LaravelアプリをAmazon EC2にデプロイしました。
VPC内に、パブリックサブネットとプライベートサブネットを作成し、EC2はパブリック、RDSで作成したDBをプライベートに配置し、EC2インスタンスのIPアドレスでアプリにアクセスできます。
ここではDBへの保存など、アプリは正常に動作します。

ここで、SSL化を行うために、アプリケーションロードバランサーを作成しました。すでにドメインの取得と証明書の発行は終わっています。
ロードバランサーからのターゲットグループのEC２インスタンスへのヘルスチェックはHealthyです。

セキュリティグループの設定を以下にまとめます。

・ロードバランサー
タイプ    ポート   ソース
HTTPS    443  0.0.0.0/0

・EC2
タイプ    ポート             ソース
HTTP     80    ロードバランサーのセキュリティグループ
SSH      # 省略

ルートテーブル

送信先          ターゲット     ステータス   伝播済み
xx.x.x.x/xx     local	    active    いいえ	
0.0.0.0/0      igw-xxx	   active    いいえ

レコード

レコード名               タイプ  値/トラフィックのルーティング先
example.com            A 　　dualstack.ロードバランサー名-xxxxxxxxxx.ap-northeast-1.elb.amazonaws.com.

_xxx..example.com	CNAME  _xxxxxxxxx.aaabbbcccd.acm-validations.aws.

example.com	        NS   ns-xxxx.awsdns-xx.co.uk.
                            ns-xxx.awsdns-xx.com.
                            ns-xxx.awsdns-xx.net.
                            ns-xxxx.awsdns-xx.org.

example.com	        SOA  ns-xxxx.awsdns-xx.co.uk. awsdns-hostmaster.amazon.com. x xxxx xxx xxxxxxx xxxxx

発生している問題・エラーメッセージ

取得したドメインにアクセスすると、延々とインジケータが回転しています。
ロードバランサーへアクセスできずに応答待ちなのか、ロードバランサーへアクセスはできており、インスタンスへのアクセスができずに応答待ちなのか、この辺りがわかりません。

試したこと

・Aレコードのテストでは、エラーなしでIPアドレスが返却されてきます。
・EC2のセキュリティグループのHTTPで待ち受けているソースを、試しに0.0.0.0にしてみましたが、挙動は同じです。(この状態でIPアドレスでアクセスするとアプリにアクセスできます。)

・digコマンドで以下を確認しました。

% dig example.com NS
;; ANSWER SECTION:
example.com.	127	IN	NS	ns-xxxx.awsdns-xx.org.
example.com.	127	IN	NS	ns-xxxx.awsdns-xx.co.uk.
example.com.	127	IN	NS	ns-xxx.awsdns-xx.com.
example.com.	127	IN	NS	ns-xxx.awsdns-xx.net.

% dig www.example.com
;; ANSWER SECTION:
www.example.com.	167	IN	A	xxx.xxx.xxx.xx

実行コマンドはこちらの記事を参考にしています。

AbeTakashi

2021/05/22 06:34

ちょっと情報が少ないので分からないところもありますが、そのAレコードはロードバランサー側へ向けてますか？ aaaabbb-xxxxxxxxxx.ap-northeast-x.elb.amazonaws.com. みたいに設定する必要があるはずですが。その辺の情報が抜けているようですので、設定済みであればそれも一応書いておくといいとは思いました。