AWS Cloud9 は新規顧客には利用できなくなりました。 AWS Cloud9 の既存のお客様は、通常どおりサービスを引き続き使用できます。詳細はこちら
翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。
の WordPress チュートリアル AWS Cloud9
このチュートリアルでは、 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 が既に開いている。環境を開くと、 はウェブブラウザでその環境の IDE AWS Cloud9 を開きます。詳細については、「で環境を開く AWS Cloud9」を参照してください。
-
すべての最新ソフトウェアパッケージを含む最新の EC2 インスタンスを持っています。 AWS Cloud9 IDE ターミナルウィンドウで、 オプション
yum updateを使用して を実行し、確認を求めることなく更新-yをインストールできます。インストール前に更新を検査する場合は、このオプションを省略できます。sudo yum update -y
インストールの概要
環境の EC2 インスタンスに WordPress をインストールするには、以下のステップを実行:
-
WordPress インストールに関する情報を格納するオープンソースのリレーショナルデータベースである MariaDB サーバーのインストールと設定
-
WordPress のインストールと設定。これには、
wordpress.conf設定ファイルの編集が含まれます。 -
WordPress サイトをホストする Apache サーバーの設定
-
Apache サーバーによってホストされている WordPress ウェブコンテンツのプレビュー
ステップ 1: MariaDB サーバーのインストールと設定
-
AWS Cloud9 IDE で、ウィンドウ、新しいターミナルを選択し、次のコマンドを入力して 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 -vApache サーバー がインストールされていないのであれば、次のコマンドを実行:
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 を使用して、 ディレクトリ
index.htmlに という名前の新しいファイルを作成しますenvironment/wordpress。 -
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 のドキュメント