Edited at

HTTPSのリスナーをもつELBにWordpressのインスタンスをぶらさげるときのTIPS

AWS上でALBの下にWordpressのインスタンスをぶらさげようとしてちょっとはまったのでメモ


  • 構成


    • EC2(Amazon Linux 2) + RDS(MySQL) + ALB というごくごくふつうの構成



  • はまった点


    • ふつうにHTTPSのリスナーをもつALB配下にWordpressをいれたEC2をぶらさげたら、インストール画面がHTTPのみのときとなんか違う

    • Chromeのデベロッパーツールでのぞいてみたら mixed content の山になっていた

    • どうやらCSSとかをHTTPで返してくるようだ



  • 解決策


    • ALB(CLBでもいっしょだけど)から転送されてきたときの HTTP_X_FORWARDED_PROTO を見て $_SERVER['HTTPS']$_ENV['HTTPS']on にしてやればいいみたい

    • wp-config.php に下記の構文を入れる



if($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') {

$_SERVER['HTTPS'] = 'on';
$_ENV['HTTPS'] = 'on';
}

以上です