AWS Cloud9 用 WordPress のインストール - 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 をインストールするには、以下のステップを実行:

  1. WordPress インストールに関する情報を格納するオープンソースのリレーショナルデータベースである MariaDB サーバーのインストールと設定

  2. WordPress のインストールと設定。これには、wordpress.conf 設定ファイルの編集が含まれます。

  3. WordPress サイトをホストする Apache サーバーの設定

  4. Apache サーバーによってホストされている WordPress ウェブコンテンツのプレビュー

ステップ 1: MariaDB サーバーのインストールと設定

  1. AWS Cloud9 IDE で、ウィンドウウェブ、New Terminal (新しいターミナル)をクリックし、次のコマンドを入力して MariaDB サーバーのインストールとスタート:

    sudo yum install -y mariadb-server sudo systemctl start mariadb
  2. 次に、mysql_secure_installation スクリプトを実行して、MariaDB サーバーのインストールのセキュリティを向上させることができます。

    スクリプトへの応答を指定するときは、最初の質問に対して、[入力]を押して、root パスワードを空白のままにします。Set root password? に対してnを押し、残りの各セキュリティオプションに対してはyを押します。

    mysql_secure_installation
  3. 今、MariaDB クライアントを使用して WordPress 情報を保存するためデータベーステーブルを作成します。

    (パスワードを求められた場合、入力を押します。)

    sudo mysql -u root -p MariaDB [(none)]> create database wp_test; MariaDB [(none)]> grant all privileges on wp_test.* to wp_user@localhost identified by 'YourSecurePassword';
  4. MariaDB クライアントからログアウトするには、exit コマンドを実行します。

ステップ 2: WordPress のインストールと設定

  1. IDE ターミナルウィンドウで、environmentディレクトリに移動して、ディレクトリ config および wordpress を作成します。次に、touch コマンドを実行して、config ディレクトリで wordpress.conf という名前のファイルを作成:

    cd /home/ec2-user/environment mkdir config wordpress touch config/wordpress.conf
  2. 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>
  3. 次に、次のコマンドを実行して必要なアーカイブファイルを取得し、WordPress をインストール:

    cd /home/ec2-user/environment wget https://wordpress.org/latest.tar.gz tar xvf latest.tar.gz
  4. touch コマンドを実行して、environment/wordpress ディレクトリで wp-config.php という名前のファイルを作成:

    touch wordpress/wp-config.php
  5. IDE エディタまたは vim を使用し、WordPress ウェブサイトの基本設定の詳細を使って 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 サーバーの設定

  1. AWS Cloud9 IDE ターミナルウィンドウで、Apache がインストールされていることを確認:

    httpd -v

    Apache サーバー がインストールされていないのであれば、次のコマンドを実行:

    sudo yum install -y httpd
  2. /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
  3. さて、/var/www ディレクトリに移動します。ここは Apache サーバーのデフォルトのルートフォルダです。そして、ln コマンドを実行して、先ほど作成した wordpress ディレクトリを、現在の作業ディレクトリ (/var/www)とリンク:

    cd /var/www sudo ln -s /home/ec2-user/environment/wordpress
  4. chmod コマンドを実行して、Apache サーバーによる wordpress サブディレクトリでのコンテンツ実行を許可:

    sudo chmod +x /home/ec2-user/
  5. Apache サーバーを再起動して、新しい設定の検出を許可:

    sudo service httpd restart

ステップ 4: WordPress ウェブコンテンツのプレビュー

  1. AWS Cloud9 IDE を使用するときに、次のディレクトリ (environment/wordpress) に index.html という名前の新規ファイルを作成します。

  2. HTML 形式のテキストを index.html に追加します。例:

    <h1>Hello World!</h1>
  3. 環境ウィンドウで、[wordpress]フォルダを選択してから、[プレビュー]、Preview Running Application (実行中のアプリケーションのプレビュー)を選択します。

    Hello World!メッセージを表示しているウェブページは、アプリケーションのプレビュータブに表示されます。ご希望のブラウザーでウェブコンテンツを表示するには、Pop Out Into New Window (新しいウィンドウで開く)を選択してください。

    index.html ファイルを削除し、アプリケーションのプレビュータブを更新すると、WordPress の設定ページが表示されます。

混在コンテンツのエラーを管理する

ウェブブラウザは、HTTPS スクリプトと HTTP スクリプトまたはコンテンツを同時にロードしている場合、WordPress サイトの混在コンテンツエラーを表示します。エラーメッセージの文言は、使用しているウェブブラウザーによって異なりますが、サイトへの接続が安全でないか、完全に安全でないことが通知されます。また、ウェブブラウザは、混在コンテンツへのアクセスをブロックします。

重要

デフォルトで、AWS Cloud9 IDE アプリケーションのプレビュータブでアクセスするすべての ウェブページは自動的に HTTPS プロトコルを使用します。ページの URI が安全でない http プロトコルをとりあげている場合、https によって自動的に置き換えられます。また、手動で httpshttp に変更しても、安全でないコンテンツにアクセスすることはできません。

ウェブサイトに HTTPS 実装に関するガイダンスについては、WordPress のドキュメントを参照してください。