大阪地震により被害にあわれた皆様へ心よりお見舞い申し上げます。
実家は特に大きな影響はありませんでした。ディーネットの谷口です。
今回はWordPress＋S3＋CloudFrontの検証中に起こった問題になります。
WordPress＋S3を実装する際には、「StaticPress」を利用されている方が
多いのではないかなと認識していますがいかがでしょうか。
StaticPressとは
WordPressの動的コンテンツを静的コンテンツとして出力するプラグインです。
「StaticPress」と「StaticPress S3」のプラグインを使い、静的コンテンツを
「Amazon S3」にアップロードし、S3でWebホスティングが可能となります。
使い方等は以下サイトをご参考下さい
AWSにWordPressを立て静的ページに変換してS3に置くまで
WordPress＋StaticPress S3で静的WebサイトをS3でホストする
StaticPressで嵌ったポイント
さて、今回検証中に嵌ったポイントとして、静的コンテンツが出力されないという問題です。
実は以前StaticPressを利用したときは特に何も問題が起きなかったので気づきませんでした。
WordPressのURLとしては、仮ドメインとして「http://taniguchi.xyz」としています。
結果としましてはサーバ側のhostsの問題でした。
解決策
解決方法として、サーバ側のhostsファイルにドメインを記載しておく必要がありました。
次のようなhostsファイルに設定を変更する必要があります。
htmlが出力されない場合のhostsファイル
127.0.0.1 localhost localhost.localdomain localhost4 localhost4.localdomain4
::1 localhost localhost.localdomain localhost6 localhost6.localdomain6htmlが出力される場合のhostsファイル
127.0.0.1 taniguchi.xyz localhost localhost.localdomain localhost4 localhost4.localdomain4
::1 localhost localhost.localdomain localhost6 localhost6.localdomain6まとめ
今回はグローバルIPで初めテストをしていた為、本現象に遭遇しました。
以前と何が違うのかという所から解決策に辿り着いた形になります。
意識していない部分で発生する問題にはヒヤヒヤしますね。
解決後に同様の事象・解決策がないか調べてみましたが、
Google上では特に見当たりませんでしたので本記事を記載しました。
