cloud9でWordPressのプレビューができない

Question

AWSでIAMでアカウントを作り、cloud９を使っています。

WordPressをインストールするためのMySQLの設定なども行い、wp-config.phpの設定も行いました。
サーバーをスタートして、アプリケーションのプレビューを試みました。
でも、接続できないエラーが表示されました。

ネット検索でEC2のインスタンスを再起動の方法をしり試しましたが、直りませんでした。

ブラウザを閉じして再度開き直す方法も試しましたが、駄目でした。

ブラウザは、Chromeを使っています。

他のSafariやEdgeで試しましたが、 駄目でした。

MacBookairで、OSのバージョンは、macOS Catalina 10.15.7です。

別のパソコンで試しましたが、Linux MINT でも、駄目でした。

EC2のIpアドレスにアクセスしてみましたが、ページが読み込みされず空白のままです。

WordPressのインストールの段階で、VFS connecion does not existのエラーが表示される記事をネット検索で見つけてもEC2の再起動が書かれています。
でも、今回改善しませんでした。

chromeで、広告を許可しました。
クッキーの設定も、許可しました。

でも、プレビューのページが読み込む中のままで、表示されません。

復旧方法をご教授いただけましたら、幸いです。

Answer 1

Amazon Linux AMI

あらためて Amazon Linux AMI 2018.03 で環境を作って試してみました。

手順の参考。
WordPressプラグイン開発 – 【おさらい】AWS Cloud9で開発環境構築

今回 apache の設定は行っていません。
Cloud9 IDE の Run(PHP Built-in web server), Preview から実行しました。PHPはデフォルト(5.6.40)のままです。やはり VFS connecion does not exist が表示される状態。

ここで、
WordPress(ワードプレス)のリダイレクト ループの原因と対策
こちらを参考に wp-config.php を編集。

define('WP_DEBUG', false);

の下に、

$_SERVER['HTTPS'] = 'on';
$web_site     = 'example.com';
$web_site_url = 'https://' . $web_site;
 
define('WP_HOME',    $web_site_url);
define('WP_SITEURL', $web_site_url);
 
define('FORCE_SSL_LOGIN', true);
define('FORCE_SSL_ADMIN', true);

example.com の部分を Preview 時のURL(vfs.cloud9を含むawsのドメイン)に置き換え。

これでWordPressのインストールからフロントページの表示、ダッシュボードへのログインまで確認できました。

Amazon Linux 2 の場合

手順の参考。
チュートリアル: Amazon Linux 2 に LAMP ウェブサーバーをインストールする
Cloud9 IDEからの実行を目的として Apache のセットアップは省略。
MariaDB のインストールから自動起動の設定までを実施。

MariaDB セットアップ

Amazon Linux Extras リポジトリをインストール

sudo amazon-linux-extras install -y lamp-mariadb10.2-php7.2 php7.2

MariaDB をインストールして起動

sudo yum install -y mariadb-server
sudo systemctl start mariadb

mysql_secure_installation

sudo mysql_secure_installation

MariaDBの自動起動を設定

sudo systemctl enable mariadb

WordPress インストール

MariaDBの準備ができたら、最初の参考記事にある wordpress_install.sh を作成して実行。
インストールスクリプトのうち、

#sudo service mysqld start

この部分は不要のためコメントアウト。
あとは上記の Amazon Linux AMI と同じく wp-config.php を編集。

Apacheを使う場合

/etc/httpd/conf/httpd.conf を編集。

#Listen 80
Listen 8080

Apacheを再起動。

sudo systemctl restart httpd

でプレビューしてみてください。

Comments

[creator.M]

有賀とうございます。
私は、Linuxのルートユーザーでのユーザー切り替えができないというか、ルートユーザーでログインしようとするエラーになったので、リンク先にあるシェルスクリプトを使わずに、手動で設定を進めました。
そして、wp-config.phpの設定を、解説通りに設定したことろ無事にインストールできて、管理画面にログインできました。

ありがとうございます。感謝します。

Answer 2

完全に復旧できていませんが、エラーが変わったので投稿します。
AWSのドキュメントを読み直して作業を行ったところ、エラーが変わりました。
https://docs.aws.amazon.com/cloud9/latest/user-guide/sample-wordpress.html

Apacheのサーバーが起動していなかったのと、ドキュメントルートの設定などが不完全だったことが原因のようです。
ネットで読んだ記事だけでは、cloud9でWordPress開発環境作ることができなくなっているのかもしれないです。

Comments

[退会済みユーザー]

ご質問を拝見して、気になって試したところ同じような状況になりました。

一つわかったのは、IDEでRunすると
PHP 7.x.x Development Server (http://0.0.0.0:8080) started
というプロセスが起動します。

「AWS Cloud9 の WordPress サンプル」の記事に沿って進めると apache2を port:8080 で動かすので、ここでポートの取り合いになります。（私の設定が足りないのかもしれません）

そこで試しに apache2 の設定を port:80 にしてIDEでRunしてPreviewを開いてみました。
すると Not Found になったので、PreviewのURLに
/wordpress/wp-admin/install.php
を追加すると、WordPressインストールの言語選択が表示されました。（ここから先は未確認です）

「AWS Cloud9 の LAMP サンプル」と見比べながら試しているところです。

[creator.M]

ありがとうございます。
PHPのバージョンを確認したところ
PHP 5.6.40 Development Server started at Mon Dec 7 10:39:23 2020
Listening on http://0.0.0.0:8080
でした。
すみません。
PHPのバージョンを上げて、やり直してみます。

[creator.M]

今PHPのバージョンを7.3に上げて、
wordpress/wp-admin/install.php
とURLに指定して試したところ、言語設定の画面が表示されました。
ありがとうございます。
感謝しています。

[退会済みユーザー]

いえいえ、まだ怪しい回答ですみません。
先の説明ですがapache2の設定を手順通り port:8080 に戻しました。
IDEからのRunは未確認ですが、コンソール(bash)で apache2 のサービスを立ち上げておいて、

curl http://169.254.169.254/latest/meta-data/public-ipv4

とするとEC2インスタンスの (IPアドレス) が参照できます。
ブラウザで
(IPアドレス):8080/
を試してみてください。

[creator.M]

ありがとうございます。
EC2インスタンスのIPアドレス確認できました。
ポート番号つけて、試したいと思います。

[退会済みユーザー]

すみません。やはり上のIP指定ではインストールができても、そこから先に進めませんでした。