apacheとnginxの共存について

Question

前の質問の続き
https://teratail.com/questions/72578

server {
listen 80;
server_name daichan.club;
return 301 https://$host$request_uri;

proxy_set_header Host $http_host;
proxy_set_header X-Forwarded-Proto $scheme;

location / {
proxy_pass http://127.0.0.1:8080;
}
}
server {
listen 443;
server_name daichan.club;
access_log off;

ssl on;
ssl_certificate /etc/letsencrypt/live/daichan.club/cert.pem;
ssl_certificate_key /etc/letsencrypt/live/daichan.club/privkey.pem;
ssl_session_timeout 5m;
ssl_protocols SSLv2 SSLv3 TLSv1;
ssl_ciphers HIGH:!aNULL:!MD5;
ssl_prefer_server_ciphers on;

location / {
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-Proto https;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Server $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://127.0.0.1:8080/;
}
}

上記の設定でhttpsへのリダイレクトはできましたが、保護されていない通信となってしまいます。

どこに原因ありますでしょうか？？

Answer 1

設定ファイルに記述されていたドメインを確認してみたところページ自体は正常に TLS で通信できていることが確認できました。問題点は、ページ内に http:// なリソースが混在しているせいです。リダイレクトには関係なく非 TLS なリソースが含まれているページは「保護されていない通信」として扱われます。たとえば Chrome のデベロッパーツールなどで Console の箇所を確認してみてください。

今までは Apache が HTTPS であることを認識できていたため、その上で動作する PHP にも HTTPS であるという設定が伝えられていましたが、nginx のバックエンドで動作するように設定を変えたために Apache が HTTPS であることを認識できず、WordPress で https:// として動作する設定がうまくいっていないようです。

まず、解決に直接関係ないと思いますが 80 番はバックエンドに渡される必要がないようなので proxy_pass は削除しておきましょう。

PHP で $_SERVER の値を確認して TLS 通信として理解されているか確認してみてください。

<?php
var_dump($_SERVER);

Comments

[DaichiYasuda]

wp-config.phpに下記を追記したら動きました！
if (isset($_SERVER['HTTP_X_FORWARDED_PROTO'])
&& $_SERVER['HTTP_X_FORWARDED_PROTO'] === "https") {
$_SERVER['HTTPS'] = 'on';
}
define('FORCE_SSL_LOGIN', true);
define('FORCE_SSL_ADMIN', true);

ありがとうございました！！

[chitoku]

あー、それで解決した場合は
nginx の 443 の方に
proxy_set_header HTTPS on
を追加する方が綺麗かもしれないですねー