質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Amazon CloudFront

Amazon CloudFrontは、AWSの高速且つ高パフォーマンスなコンテンツ配信(CDN) サービス。容量の大きいコンテンツをキャッシュさせてWebサーバの負荷を軽減し、サーバダウンの防止など安定した配信が可能になります。

Amazon Route 53

Amazon Route 53 はAmazonが提供する、 可用性と拡張性に優れた ドメインネームシステム(DNS)サービスです。

Amazon EC2

Amazon EC2は“Amazon Elastic Compute Cloud”の略称です。Amazon Web Services(AWS)の一部であり、仮想化されたWebサーバーのコンピュータリソースをレンタルできるサービスです。

AWS(Amazon Web Services)

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

Movable Type

シックス・アパートが開発・提供する,ブログで用いられることの多いCMS製品

Q&A

解決済

1回答

381閲覧

EC2インスタンスのMovable TypeをCloudFront経由で公開する

Chihiro

総合スコア2

Amazon CloudFront

Amazon CloudFrontは、AWSの高速且つ高パフォーマンスなコンテンツ配信(CDN) サービス。容量の大きいコンテンツをキャッシュさせてWebサーバの負荷を軽減し、サーバダウンの防止など安定した配信が可能になります。

Amazon Route 53

Amazon Route 53 はAmazonが提供する、 可用性と拡張性に優れた ドメインネームシステム(DNS)サービスです。

Amazon EC2

Amazon EC2は“Amazon Elastic Compute Cloud”の略称です。Amazon Web Services(AWS)の一部であり、仮想化されたWebサーバーのコンピュータリソースをレンタルできるサービスです。

AWS(Amazon Web Services)

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

Movable Type

シックス・アパートが開発・提供する,ブログで用いられることの多いCMS製品

0グッド

0クリップ

投稿2023/05/27 03:07

編集2023/06/01 08:59

実現したいこと

AWSを使用して以下のような構築をしています。

  1. 検証用と本番用環境を構築する。検証用はシングル構成、本番用はMulti AZ構成。
  2. CloudFrontを使用して高速な配信、ALBで負荷を分散、Multi-AZ構成でそれぞれのEC2インスタンスを配置し、nginxでMovable Typeにてブログを投稿する。
  3. Route53を使用して、ドメイン名でユーザがブログにアクセスできるようにする。
  4. ブログの静的コンテンツはEFSを使用し、2つのEC2インスタンスでコンテンツを共有できるようにする。
  5. RDSのPrimaryDBインスタンスとread-replicaを用意し、EC2インスタンスに関連付けをする。

現在、上述したAWSサービスの設定は完了しており、EFSで静的コンテンツのDirectoryのマウントに成功したのですが、Movable Typeのブログで公開しているWebページで問題が起こっています。

検証用EC2のMTでは、CSSなども反映されたスタイルの崩れていないサイトを公開したいです。
本番用EC2のMTでは、公開しているWebページをRoute53のドメイン名でアクセスした時に表示されるようにしたいです。

発生している問題

1)本番用EC2:

  • ドメイン名を使用してMovable Typeのブログコンテンツを閲覧できない。
  • ドメイン名を使用してアクセスするとStart画面のみが表示されており、公開しているウェブサイトが閲覧できない。
  • パーマリンクの設定も反映されていない。
  • EC2Instance ConnectでEFSにマウントしている/data/file/staticに公開コンテ
  • ンツが保存されていない。

2)検証用EC2:

  • ウェブサイトの閲覧はできるが、CSS、イメージ、JSなどが反映されておらず、HTMLのみが適用されている状態。

画像1:こちらは本番用のWebsite編集画面。パーマリンクがありません。

本番用EC2インスタンスのMT Websiteの編集にパーマリンクがない

画像2: こちらが、検証用インスタンスのMT Webサイト編集画面。パーマリンクありです。
イメージ説明


画像3: 本番用EC2のマウント情報など
本番用EC2のマウント情報など
(画像3 補足事項:こちらのスクショ内にある/data/file/static/final-siteはEC2サーバ上で手動で作成したHTMLです。MTへの反映はなかった。)


画像4: 検証用インスタンスのMT。CSSなどが反映されておらずスタイルが崩れている
イメージ説明


画像5: 検証用インスタンスのMT DevtoolのNetworkスクショ
イメージ説明

試したこと

検証用と本番用のコンテンツの中身はほぼ同じで、一度コピペ対応で本番用EC2インスタンスの/data/file/static配下にcontact, aboutサイトなどのDirectoryとサイト内容を含むhtmlを配置してみましたが、変化はありませんでした。

補足情報(FW/ツールのバージョンなど)

EC2のタイプ:Movable Type7.9.7、Webサーバ nginx、OS Linux

ここ1週間色々と試しているものの、MT周りでうまく行かず、苦戦しております。お知恵を貸していただけますと幸いです。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yu_1985

2023/05/29 06:44

Devtoolのエラーを見るとMixed Contentのエラーで結構弾かれているので、ドメインを持っているならきちんと完全HTTPS化をしてみてはいかがでしょうか。 http→httpsの強制リダイレクトなど。
Chihiro

2023/05/31 23:58

yu_1985さん、 ありがとうございます。お返事が遅れてしまい、申し訳ありません。検証用と本番用のEC2インスタンスのMTで異なるデザインテーマを使用していたせいでアーカイブテンプレートがないものがあり、本番用のMTにパーマリンクがない状態だったようです。 Themeを統一させたところ、CSSなどでのスタイル崩れは解消できました。 httpからhttpsへのリダイレクトも対応してはみたのですが、これといって変化はありませんでした。 おそらく、ALBやそのほかのCloudFrontの設定も起因しているかもしれないです。 投稿した質問はある程度解決できましたので、 引き続き構築練習してみて、わからないところがあれば改めて質問させていただこうと思います。 改めまして、コメントをありがとうございました!
guest

回答1

0

自己解決

検証用と本番用のEC2インスタンスのMTで異なるデザインテーマを使用していたせいでアーカイブテンプレートがないものがあり、本番用のMTにパーマリンクがない状態だったようです。
Themeを統一させたところ、CSSなどでのスタイル崩れは解消できました。
httpからhttpsへのリダイレクトも対応してはみたのですが、これといって変化はありませんでした。
おそらく、ALBやそのほかのCloudFrontの設定も起因しているかもしれないです。

投稿した質問はある程度解決できましたので、
引き続き構築練習してみて、わからないところがあれば改めて質問させていただこうと思います。

投稿2023/05/31 23:59

Chihiro

総合スコア2

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問