質問編集履歴

7 画像を追加

WataruT

WataruT score 75

2017/08/24 21:21  投稿

AWSでACM証明書を発行したにも関わらず、wordpressインスタンスのサイトをhttpsで、表示できない。
###wordpressで、httpsで、接続できない。
![イメージ説明](b7d03830969ec6255aeef8df074f6399.png)
###やったこと
・EC2でサーバーを立ち上げ(WordPress powered by Bitnami)
・ローカルで作ったwordpressを移植
・お名前.comで取得したドメインをRoute53に設定
・ACMで証明書発行 ドメインも紐付け
・ELB設定 ACM証明書も設定
・cloudfrontも設定 ACM証明書も設定
・wordpressのwp-config.phpも修正
[参考にした記事](http://zuntan02.hateblo.jp/entry/2016/07/01/204208)
```
# for https on
if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')
   $_SERVER['HTTPS'] = 'on';
```
###その他、設定がわかるように画面キャプチャを貼りました。
acmで、下記の通り、全て認証済み
![イメージ説明](ca80546507d7de9c3a4d2d41e821a40d.png)
ELBにも設定済み
![イメージ説明](3938f3d1142efcf33d11e655791b0a4a.png)
cloudfrontにも設定済み
![イメージ説明](c034d3fbc94b672dfd4e7c11a85a8ddd.png)
試しに、CloudFrontのdomainnameで、
httpsアクセスしたら表示されました。(緑にはなっていませんが)
cssなどは読み込めなかったので、表示崩れしていましたが。。
![イメージ説明](1d987d6e967a03d01fbf1ff6e279e3fb.png)
何か重要な手順を忘れているのかもしれないのですが、
全く見当がつきません、、
アドバイスお願いいたします。
###追記
ブラウザのコンソールのエラー表示
![イメージ説明](45b9176539b7a4923d80da060e82c3b7.png)
![イメージ説明](8e78949790361a617932b558449da792.png)
![イメージ説明](49d26f818758cf9e9b10c048653c2fce.png)
Aレコード、cloudfrontのエイリアスのものを作った時に出ているアラート
![イメージ説明](be39a7dca55a750ee52ea0b20deb3b15.png)
###さらに追記
![イメージ説明](0e9c76e331057bc9972191009ec634ac.png)
![イメージ説明](8d8b71321a3c4d4fea19f12ca7fc78c3.png)
###さらに追記
![イメージ説明](a5b2fe169dfdfe70a0d927675d1b3c5f.png)
![イメージ説明](a5b2fe169dfdfe70a0d927675d1b3c5f.png)
![イメージ説明](860d6591efcd50486b2b273c22e2dbd3.png)
  • AWS(Amazon Web Services)

    3864 questions

    Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

  • WordPress

    12207 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

6 画像を追加

WataruT

WataruT score 75

2017/08/24 21:12  投稿

AWSでACM証明書を発行したにも関わらず、wordpressインスタンスのサイトをhttpsで、表示できない。
###wordpressで、httpsで、接続できない。
![イメージ説明](b7d03830969ec6255aeef8df074f6399.png)
###やったこと
・EC2でサーバーを立ち上げ(WordPress powered by Bitnami)
・ローカルで作ったwordpressを移植
・お名前.comで取得したドメインをRoute53に設定
・ACMで証明書発行 ドメインも紐付け
・ELB設定 ACM証明書も設定
・cloudfrontも設定 ACM証明書も設定
・wordpressのwp-config.phpも修正
[参考にした記事](http://zuntan02.hateblo.jp/entry/2016/07/01/204208)
```
# for https on
if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')
   $_SERVER['HTTPS'] = 'on';
```
###その他、設定がわかるように画面キャプチャを貼りました。
acmで、下記の通り、全て認証済み
![イメージ説明](ca80546507d7de9c3a4d2d41e821a40d.png)
ELBにも設定済み
![イメージ説明](3938f3d1142efcf33d11e655791b0a4a.png)
cloudfrontにも設定済み
![イメージ説明](c034d3fbc94b672dfd4e7c11a85a8ddd.png)
試しに、CloudFrontのdomainnameで、
httpsアクセスしたら表示されました。(緑にはなっていませんが)
cssなどは読み込めなかったので、表示崩れしていましたが。。
![イメージ説明](1d987d6e967a03d01fbf1ff6e279e3fb.png)
何か重要な手順を忘れているのかもしれないのですが、
全く見当がつきません、、
アドバイスお願いいたします。
###追記
ブラウザのコンソールのエラー表示
![イメージ説明](45b9176539b7a4923d80da060e82c3b7.png)
![イメージ説明](8e78949790361a617932b558449da792.png)
![イメージ説明](49d26f818758cf9e9b10c048653c2fce.png)
Aレコード、cloudfrontのエイリアスのものを作った時に出ているアラート
![イメージ説明](be39a7dca55a750ee52ea0b20deb3b15.png)
###さらに追記
![イメージ説明](0e9c76e331057bc9972191009ec634ac.png)
![イメージ説明](8d8b71321a3c4d4fea19f12ca7fc78c3.png)
![イメージ説明](8d8b71321a3c4d4fea19f12ca7fc78c3.png)
###さらに追記
![イメージ説明](a5b2fe169dfdfe70a0d927675d1b3c5f.png)
  • AWS(Amazon Web Services)

    3864 questions

    Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

  • WordPress

    12207 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

5 説明用画像を追加

WataruT

WataruT score 75

2017/08/24 15:36  投稿

AWSでACM証明書を発行したにも関わらず、wordpressインスタンスのサイトをhttpsで、表示できない。
###wordpressで、httpsで、接続できない。
![イメージ説明](b7d03830969ec6255aeef8df074f6399.png)
###やったこと
・EC2でサーバーを立ち上げ(WordPress powered by Bitnami)
・ローカルで作ったwordpressを移植
・お名前.comで取得したドメインをRoute53に設定
・ACMで証明書発行 ドメインも紐付け
・ELB設定 ACM証明書も設定
・cloudfrontも設定 ACM証明書も設定
・wordpressのwp-config.phpも修正
[参考にした記事](http://zuntan02.hateblo.jp/entry/2016/07/01/204208)
```
# for https on
if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')
   $_SERVER['HTTPS'] = 'on';
```
###その他、設定がわかるように画面キャプチャを貼りました。
acmで、下記の通り、全て認証済み
![イメージ説明](ca80546507d7de9c3a4d2d41e821a40d.png)
ELBにも設定済み
![イメージ説明](3938f3d1142efcf33d11e655791b0a4a.png)
cloudfrontにも設定済み
![イメージ説明](c034d3fbc94b672dfd4e7c11a85a8ddd.png)
試しに、CloudFrontのdomainnameで、
httpsアクセスしたら表示されました。(緑にはなっていませんが)
cssなどは読み込めなかったので、表示崩れしていましたが。。
![イメージ説明](1d987d6e967a03d01fbf1ff6e279e3fb.png)
何か重要な手順を忘れているのかもしれないのですが、
全く見当がつきません、、
アドバイスお願いいたします。
###追記
ブラウザのコンソールのエラー表示
![イメージ説明](45b9176539b7a4923d80da060e82c3b7.png)
![イメージ説明](8e78949790361a617932b558449da792.png)
![イメージ説明](49d26f818758cf9e9b10c048653c2fce.png)
Aレコード、cloudfrontのエイリアスのものを作った時に出ているアラート
![イメージ説明](be39a7dca55a750ee52ea0b20deb3b15.png)
![イメージ説明](be39a7dca55a750ee52ea0b20deb3b15.png)
###さらに追記
![イメージ説明](0e9c76e331057bc9972191009ec634ac.png)
![イメージ説明](8d8b71321a3c4d4fea19f12ca7fc78c3.png)
  • AWS(Amazon Web Services)

    3864 questions

    Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

  • WordPress

    12207 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

4 Aレコード、cloudfrontのエイリアスのものを作った時に出ているアラート

WataruT

WataruT score 75

2017/08/23 15:03  投稿

AWSでACM証明書を発行したにも関わらず、wordpressインスタンスのサイトをhttpsで、表示できない。
###wordpressで、httpsで、接続できない。
![イメージ説明](b7d03830969ec6255aeef8df074f6399.png)
###やったこと
・EC2でサーバーを立ち上げ(WordPress powered by Bitnami)
・ローカルで作ったwordpressを移植
・お名前.comで取得したドメインをRoute53に設定
・ACMで証明書発行 ドメインも紐付け
・ELB設定 ACM証明書も設定
・cloudfrontも設定 ACM証明書も設定
・wordpressのwp-config.phpも修正
[参考にした記事](http://zuntan02.hateblo.jp/entry/2016/07/01/204208)
```
# for https on
if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')
   $_SERVER['HTTPS'] = 'on';
```
###その他、設定がわかるように画面キャプチャを貼りました。
acmで、下記の通り、全て認証済み
![イメージ説明](ca80546507d7de9c3a4d2d41e821a40d.png)
ELBにも設定済み
![イメージ説明](3938f3d1142efcf33d11e655791b0a4a.png)
cloudfrontにも設定済み
![イメージ説明](c034d3fbc94b672dfd4e7c11a85a8ddd.png)
試しに、CloudFrontのdomainnameで、
httpsアクセスしたら表示されました。(緑にはなっていませんが)
cssなどは読み込めなかったので、表示崩れしていましたが。。
![イメージ説明](1d987d6e967a03d01fbf1ff6e279e3fb.png)
何か重要な手順を忘れているのかもしれないのですが、
全く見当がつきません、、
アドバイスお願いいたします。
###追記
ブラウザのコンソールのエラー表示
![イメージ説明](45b9176539b7a4923d80da060e82c3b7.png)
![イメージ説明](8e78949790361a617932b558449da792.png)
![イメージ説明](49d26f818758cf9e9b10c048653c2fce.png)
![イメージ説明](49d26f818758cf9e9b10c048653c2fce.png)
Aレコード、cloudfrontのエイリアスのものを作った時に出ているアラート
![イメージ説明](be39a7dca55a750ee52ea0b20deb3b15.png)
  • AWS(Amazon Web Services)

    3864 questions

    Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

  • WordPress

    12207 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

3 お名前.comのスクショを追加

WataruT

WataruT score 75

2017/08/23 14:51  投稿

AWSでACM証明書を発行したにも関わらず、wordpressインスタンスのサイトをhttpsで、表示できない。
###wordpressで、httpsで、接続できない。
![イメージ説明](b7d03830969ec6255aeef8df074f6399.png)
###やったこと
・EC2でサーバーを立ち上げ(WordPress powered by Bitnami)
・ローカルで作ったwordpressを移植
・お名前.comで取得したドメインをRoute53に設定
・ACMで証明書発行 ドメインも紐付け
・ELB設定 ACM証明書も設定
・cloudfrontも設定 ACM証明書も設定
・wordpressのwp-config.phpも修正
[参考にした記事](http://zuntan02.hateblo.jp/entry/2016/07/01/204208)
```
# for https on
if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')
   $_SERVER['HTTPS'] = 'on';
```
###その他、設定がわかるように画面キャプチャを貼りました。
acmで、下記の通り、全て認証済み
![イメージ説明](ca80546507d7de9c3a4d2d41e821a40d.png)
ELBにも設定済み
![イメージ説明](3938f3d1142efcf33d11e655791b0a4a.png)
cloudfrontにも設定済み
![イメージ説明](c034d3fbc94b672dfd4e7c11a85a8ddd.png)
試しに、CloudFrontのdomainnameで、
httpsアクセスしたら表示されました。(緑にはなっていませんが)
cssなどは読み込めなかったので、表示崩れしていましたが。。
![イメージ説明](1d987d6e967a03d01fbf1ff6e279e3fb.png)
何か重要な手順を忘れているのかもしれないのですが、
全く見当がつきません、、
アドバイスお願いいたします。
###追記
ブラウザのコンソールのエラー表示
![イメージ説明](45b9176539b7a4923d80da060e82c3b7.png)
![イメージ説明](8e78949790361a617932b558449da792.png)
![イメージ説明](8e78949790361a617932b558449da792.png)
![イメージ説明](49d26f818758cf9e9b10c048653c2fce.png)
  • AWS(Amazon Web Services)

    3864 questions

    Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

  • WordPress

    12207 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

2 ブラウザのコンソールのエラー表示を追加

WataruT

WataruT score 75

2017/08/23 11:41  投稿

AWSでACM証明書を発行したにも関わらず、wordpressインスタンスのサイトをhttpsで、表示できない。
###wordpressで、httpsで、接続できない。
![イメージ説明](b7d03830969ec6255aeef8df074f6399.png)
###やったこと
・EC2でサーバーを立ち上げ(WordPress powered by Bitnami)
・ローカルで作ったwordpressを移植
・お名前.comで取得したドメインをRoute53に設定
・ACMで証明書発行 ドメインも紐付け
・ELB設定 ACM証明書も設定
・cloudfrontも設定 ACM証明書も設定
・wordpressのwp-config.phpも修正
[参考にした記事](http://zuntan02.hateblo.jp/entry/2016/07/01/204208)
```
# for https on
if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')
   $_SERVER['HTTPS'] = 'on';
```
###その他、設定がわかるように画面キャプチャを貼りました。
acmで、下記の通り、全て認証済み
![イメージ説明](ca80546507d7de9c3a4d2d41e821a40d.png)
ELBにも設定済み
![イメージ説明](3938f3d1142efcf33d11e655791b0a4a.png)
cloudfrontにも設定済み
![イメージ説明](c034d3fbc94b672dfd4e7c11a85a8ddd.png)
試しに、CloudFrontのdomainnameで、
httpsアクセスしたら表示されました。(緑にはなっていませんが)
cssなどは読み込めなかったので、表示崩れしていましたが。。
![イメージ説明](1d987d6e967a03d01fbf1ff6e279e3fb.png)
何か重要な手順を忘れているのかもしれないのですが、
全く見当がつきません、、
アドバイスお願いいたします。
アドバイスお願いいたします。
###追記
ブラウザのコンソールのエラー表示
![イメージ説明](45b9176539b7a4923d80da060e82c3b7.png)
![イメージ説明](8e78949790361a617932b558449da792.png)
  • AWS(Amazon Web Services)

    3864 questions

    Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

  • WordPress

    12207 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

1 参考にした記事の位置を変更

WataruT

WataruT score 75

2017/08/23 11:25  投稿

AWSでACM証明書を発行したにも関わらず、wordpressインスタンスのサイトをhttpsで、表示できない。
###wordpressで、httpsで、接続できない。
![イメージ説明](b7d03830969ec6255aeef8df074f6399.png)
###やったこと
・EC2でサーバーを立ち上げ(WordPress powered by Bitnami)
・ローカルで作ったwordpressを移植
・お名前.comで取得したドメインをRoute53に設定
・ACMで証明書発行 ドメインも紐付け
・ELB設定 ACM証明書も設定
・cloudfrontも設定 ACM証明書も設定
・wordpressのwp-config.phpも修正
[参考にした記事](http://zuntan02.hateblo.jp/entry/2016/07/01/204208)  
```
# for https on
if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')
   $_SERVER['HTTPS'] = 'on';
```
[参考にした記事](http://zuntan02.hateblo.jp/entry/2016/07/01/204208)
###その他、設定がわかるように画面キャプチャを貼りました。
acmで、下記の通り、全て認証済み
![イメージ説明](ca80546507d7de9c3a4d2d41e821a40d.png)
ELBにも設定済み
![イメージ説明](3938f3d1142efcf33d11e655791b0a4a.png)
cloudfrontにも設定済み
![イメージ説明](c034d3fbc94b672dfd4e7c11a85a8ddd.png)
試しに、CloudFrontのdomainnameで、
httpsアクセスしたら表示されました。(緑にはなっていませんが)
cssなどは読み込めなかったので、表示崩れしていましたが。。
![イメージ説明](1d987d6e967a03d01fbf1ff6e279e3fb.png)
何か重要な手順を忘れているのかもしれないのですが、
全く見当がつきません、、
アドバイスお願いいたします。
  • AWS(Amazon Web Services)

    3864 questions

    Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

  • WordPress

    12207 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る