前提条件インストールの概要ステップ 1: MariaDB サーバーのインストールと設定ステップ 2: WordPress のインストールと設定ステップ 3: Apache HTTP サーバーの設定ステップ 4: WordPress ウェブコンテンツのプレビュー混在コンテンツのエラーを管理する

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 のドキュメントを参照してください。

ブラウザで JavaScript が無効になっているか、使用できません。

AWS ドキュメントを使用するには、JavaScript を有効にする必要があります。手順については、使用するブラウザのヘルプページを参照してください。

ドキュメントの表記規則

LAMP チュートリアル

Java チュートリアル