新規のお客様への AWS Cloud9 の提供は終了しました。AWS Cloud9 の既存のお客様は、通常どおりサービスを引き続き使用できます。詳細はこちら
AWS Cloud9 の WordPress チュートリアル
このチュートリアルでは、AWS Cloud9 開発環境内で WordPress をインストールし、実行できます。WordPress は、配信ウェブコンテンツに広く使用されているオープンソースのコンテンツ管理システム (CMS) です。
注記
このチュートリアルに従って、このサンプルを作成すると、AWS アカウントに料金が発生する可能性があります。これには、Amazon Elastic Compute Cloud (Amazon EC2) などのサービスに対して発生する可能性のある料金が含まれます。詳細については、「Amazon EC2 の料金
前提条件
このサンプルを使用する前に、設定が次の要件を満たしていることを確認します。
-
既存の AWS Cloud9 EC2 開発環境が存在している必要があります。このサンプルは、Amazon Linux または Ubuntu Server を実行する Amazon EC2 インスタンスに接続された EC2 環境が既にあることを前提としています。別のタイプの環境またはオペレーティングシステムがある場合、このサンプルの指示を関連ツールを設定する必要がある場合があります。詳細については、「AWS Cloud9 で環境を作成する」を参照してください。
-
既存の環境に既に AWS Cloud9 IDE が開いています。環境を開くと、AWS Cloud9 によってその環境の IDE がウェブブラウザで開かれます。詳細については、「AWS Cloud9 で環境を開く」を参照してください。
-
すべての最新ソフトウェアパッケージを含む最新の EC2 インスタンスを持っています。AWS Cloud9IDEターミナルウィンドウでは、
yum update
を-y
オプションで実行して、確認を求めずに更新をインストールします。インストール前に更新を検査する場合は、このオプションを省略できます。sudo yum update -y
インストールの概要
環境の EC2 インスタンスに WordPress をインストールするには、以下のステップを実行:
-
WordPress インストールに関する情報を格納するオープンソースのリレーショナルデータベースである MariaDB サーバーのインストールと設定
-
WordPress のインストールと設定。これには、
wordpress.conf
設定ファイルの編集が含まれます。 -
WordPress サイトをホストする Apache サーバーの設定
-
Apache サーバーによってホストされている WordPress ウェブコンテンツのプレビュー
ステップ 1: MariaDB サーバーのインストールと設定
-
AWS Cloud9 IDE で、ウィンドウウェブ、New Terminal (新しいターミナル)をクリックし、次のコマンドを入力して MariaDB サーバーのインストールとスタート:
sudo yum install -y mariadb-server sudo systemctl start mariadb
-
次に、
mysql_secure_installation
スクリプトを実行して、MariaDB サーバーのインストールのセキュリティを向上させることができます。スクリプトへの応答を指定するときは、最初の質問に対して、[入力]を押して、root パスワードを空白のままにします。
Set root password?
に対してnを押し、残りの各セキュリティオプションに対してはyを押します。mysql_secure_installation
-
今、MariaDB クライアントを使用して WordPress 情報を保存するためデータベーステーブルを作成します。
(パスワードを求められた場合、入力を押します。)
sudo mysql -u root -p MariaDB [(none)]> create database wp_test; MariaDB [(none)]> grant all privileges on wp_test.* to root@localhost identified by ';'
-
MariaDB クライアントからログアウトするには、
exit
コマンドを実行します。
ステップ 2: WordPress のインストールと設定
-
IDE ターミナルウィンドウで、
environment
ディレクトリに移動して、ディレクトリconfig
およびwordpress
を作成します。次に、touch
コマンドを実行して、config
ディレクトリでwordpress.conf
という名前のファイルを作成:cd /home/ec2-user/environment mkdir config wordpress touch config/wordpress.conf
-
IDE エディタまたは vim を使用して、
wordpress.conf
を更新して、Apache サーバーによる WordPress コンテンツの提供を許可するホスト構成情報に置き換え:# Ensure that Apache listens on port 80 Listen 8080 <VirtualHost *:8080> DocumentRoot "/var/www/wordpress" ServerName www.example.org # Other directives here </VirtualHost>
-
次に、次のコマンドを実行して必要なアーカイブファイルを取得し、WordPress をインストール:
cd /home/ec2-user/environment wget https://wordpress.org/latest.tar.gz tar xvf latest.tar.gz
-
touch
コマンドを実行して、environment/wordpress
ディレクトリでwp-config.php
という名前のファイルを作成:touch wordpress/wp-config.php
-
IDE エディタまたは vim を使用して
wp-config.php
を更新します。次に、サンプルデータを自分の設定に置き換えます。// ** MySQL settings - You can get this info from your web host ** // /** The name of the database for WordPress */ define( 'DB_NAME', 'wp_test' ); /** MySQL database username */ define( 'DB_USER', 'wp_user' ); /** MySQL database password */ define( 'DB_PASSWORD', 'YourSecurePassword' ); /** MySQL hostname */ define( 'DB_HOST', 'localhost' ); /** Database Charset to use in creating database tables. */ define( 'DB_CHARSET', 'utf8' ); /** The Database Collate type. Don't change this if in doubt. */ define( 'DB_COLLATE', '' ); define('FORCE_SSL', true); if ($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') $_SERVER['HTTPS'] = 'on';
ステップ 3: Apache HTTP サーバーの設定
-
AWS Cloud9 IDE ターミナルウィンドウで、Apache がインストールされていることを確認:
httpd -v
Apache サーバー がインストールされていないのであれば、次のコマンドを実行:
sudo yum install -y httpd
-
/etc/httpd/conf.d
ディレクトリに移動します。このディレクトリは Apache の仮想ホスト設定ファイルの場所です。次に、ln
コマンドを実行して、以前に作成したwordpress.conf
を現在の作業ディレクトリ (/etc/httpd/conf.d
)にリンク:cd /etc/httpd/conf.d sudo ln -s /home/ec2-user/environment/config/wordpress.conf
-
さて、
/var/www
ディレクトリに移動します。ここは Apache サーバーのデフォルトのルートフォルダです。そして、ln
コマンドを実行して、先ほど作成したwordpress
ディレクトリを、現在の作業ディレクトリ (/var/www
)とリンク:cd /var/www sudo ln -s /home/ec2-user/environment/wordpress
-
chmod
コマンドを実行して、Apache サーバーによるwordpress
サブディレクトリでのコンテンツ実行を許可:sudo chmod +x /home/ec2-user/
-
Apache サーバーを再起動して、新しい設定の検出を許可:
sudo service httpd restart
ステップ 4: WordPress ウェブコンテンツのプレビュー
-
AWS Cloud9 IDE を使用するときに、次のディレクトリ (
environment/wordpress
) にindex.html
という名前の新規ファイルを作成します。 -
HTML 形式のテキストを
index.html
に追加します。例:<h1>Hello World!</h1>
-
[環境]ウィンドウで、
index.html
ファイルを選択してから、[プレビュー]、[実行中のアプリケーションのプレビュー] の順に選択します。Hello World!メッセージを表示しているウェブページは、アプリケーションのプレビュータブに表示されます。ご希望のブラウザーでウェブコンテンツを表示するには、Pop Out Into New Window (新しいウィンドウで開く)を選択してください。
index.html
ファイルを削除し、アプリケーションのプレビュータブを更新すると、WordPress の設定ページが表示されます。
混在コンテンツのエラーを管理する
ウェブブラウザは、HTTPS スクリプトと HTTP スクリプトまたはコンテンツを同時にロードしている場合、WordPress サイトの混在コンテンツエラーを表示します。エラーメッセージの文言は、使用しているウェブブラウザーによって異なりますが、サイトへの接続が安全でないか、完全に安全でないことが通知されます。また、ウェブブラウザは、混在コンテンツへのアクセスをブロックします。
重要
デフォルトで、AWS Cloud9 IDE アプリケーションのプレビュータブでアクセスするすべての ウェブページは自動的に HTTPS プロトコルを使用します。ページの URI が安全でない http
プロトコルをとりあげている場合、https
によって自動的に置き換えられます。また、手動で https
を http
に変更しても、安全でないコンテンツにアクセスすることはできません。
ウェブサイトに HTTPS 実装に関するガイダンスについては、WordPress のドキュメント