1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

AWSシンプル構成でWordPressサイトを構築してみた。

Last updated at Posted at 2021-01-31

作成イメージ

イメージ図.png

ネットワークの作成

VPCの作成

名前タグ:wp-vpc
IPv4 CIDRブロック:10.0.0.0/21
VPCの作成.png

サブネットの作成

パブリックサブネットの作成

VPC ID:wp-vpc
サブネット名:wp-public-subnet-1
アベイラビリティーゾーン:ap-northeast-1a
IPv4 CIDR ブロック:10.0.0.0/24
パブリックサブネット1作成.png

プライベートサブネットの作成

VPC ID:wp-vpc
サブネット名:wp-private-subnet-1
アベイラビリティーゾーン:ap-northeast-1a
IPv4 CIDR ブロック:10.0.2.0/24
プライベートサブネット1作成.png

WEBサーバの作成

EC2インスタンスの作成

ステップ1:Amazonマシンイメージ(AMI)

Amazon Linux 2 AMI を選択
EC2インスタンス作成step1.png

ステップ2:インスタンスタイプの選択

t2.microを選択
EC2インスタンス作成step2.png

ステップ3:インスタンスの詳細の設定

ネットワーク:wp-vpc
サブネット:wp-public-subnet-1
自動割り当てパブリックIP:有効
EC2インスタンス作成step3.png

ステップ4:ストレージの追加

そのまま
EC2インスタンス作成step4.png

ステップ5:タグの追加

キー:Name
値:wp-webserver1
EC2インスタンス作成step5.png

ステップ6:セキュリティグループの設定

セキュリティグループ:wp-web-SG-1
説明:wp-web-SG-1
ルール:HTTPを追加(下記画像参照)
EC2インスタンス作成step6.png

ステップ7:確認

作成時に新しいキーペアを作成する。
キーペア名:wp-keypair
EC2インスタンス作成step7.png

ステップ8:起動確認

インスタンスの状態が実行中を確認
EC2インスタンス作成step8.png

インターネットゲートウェイの作成

ステップ1:作成

名前タグ:wp-internet-GW
インターネットゲートウェイの作成.png

ステップ2:VPCにアタッチ

インターネットゲートウェイのアタッチ.png

ステップ3:VPCを選択

使用可能なVPC:wp-vpcを選択してアタッチ
インターネットゲートウェイのアタッチ2.png

パブリックサブネットへルートテーブルの作成

ステップ1:wp-public-subnet-1ルートテーブルを選択

パブリックサブネットへルートテーブルの作成1.png

ステップ2:ルートの編集

パブリックサブネットへルートテーブルの作成2.png

ステップ3:デフォルトルートを追加する

送信先:0.0.0.0/0
ターゲット:wp-internet-GW
パブリックサブネットへルートテーブルの作成3.png

SSH接続確認

ステップ1:キーペアを確認

コマンドプロンプトを起動してキーペアの保存先へ移動しキーペアファイル確認

cd C:\Users\tomsh\Download
dir wp-keypair.pem

EC2インスタンス作成step9-1.png

ステップ2:SSH接続

ssh -i wp-keypair.pem ec2-user@[EC2インスタンスのパブリックIP]

接続確認.png
接続できました。

RDSの作成

DBサブネットグループの作成

DBサブネットグループを作成するために、別のアベイラビリティゾーンにパブリック・プライベートサブネットを1つずつ追加します。

パブリックサブネット2の作成

VPC ID:wp-vpc
サブネット名:wp-public-subnet-2
アベイラビリティーゾーン:ap-northeast-1c
IPv4 CIDR ブロック:10.0.1.0/24
サブネット追加1.png

プライベートサブネット2の作成

VPC ID:wp-vpc
サブネット名:wp-private-subnet-2
アベイラビリティーゾーン:ap-northeast-1c
IPv4 CIDR ブロック:10.0.3.0/24
サブネット追加2.png

DBサブネットグループ作成

名前:wp-subnet-group
説明:wp-subnet-group
VPC:wp-vpc
アベイラビリティゾーン:ap-northeast-1a, ap-northeast-1c
サブネット:10.0.2.0/24, 10.0.3.0/24
DBサブネットグループを作成1.png
DBサブネットグループを作成2.png

MySQLの作成

データベース作成方法を選択、エンジンのオプション

標準作成のMySQLを選択
データベース作成1.png

テンプレート

開発/テストを選択
データベース作成2.png

設定

マスターユーザー名:wordpress
マスターパスワード:任意(後で使います)
パスワードを確認:マスターパスワードと同じ
データベース作成3.png

DBインスタンスサイズ

バースト可能クラスを選択し、db.t3.microを選択。(費用に余裕のある方は別のサイズを選んでもOK)
データベース作成4.png

ストレージ

そのまま
データベース作成5.png

可用性と耐久性

そのまま
データベース作成6.png

接続

Virtual Private Cloud(VPC):wp-vpc
サブネットグループ:wp-subnet-group
VPCセキュリティグループ:新規作成
新しいVPCセキュリティグループ名:wp-RDS-SG-1
アベイラビリティゾーン:ap-northeast-1a
データベース作成7.png
データベース作成8.png

データベース認証

そのまま
データベース作成9.png

追加設定

最初のデータベース名:wordpress
他はそのまま
データベース作成10.png

起動確認

起動までに少し時間がかかります。
ステータスが利用可能になったらOK
データベース作成11.png

セキュリティグループの編集

RDSへのアクセスをWEBサーバのみ受け付けるように変更を行う。
RDSのセキュリティグループのインバウンドルールを編集
データベース作成12.png

デフォルトソースを削除

デフォルトソースを削除する。
データベース作成13.png

ソースを追加

ソースへWEBサーバのセキュリティグループを追加する。
データベース作成14.png

ルールを保存

保存する。
データベース作成15.png

変更内容確認

インバウンドルールのソースがwp-web-SG-1になっていることを確認する。
データベース作成16.png

WordPressのインストール

webサーバへ接続

ssh -i wp-keypair.pem ec2-user@[EC2インスタンスのパブリックIP]

rootユーザへ切り替え

sudo su -

EC2内のパッケージを更新

終わるまで少し待ちます。

yum -y update

PHP7.4のインストール

amazon-linux-extras install php7.4 -y

必要ソフトのインストール

yum -y install mysql httpd php-mbstring php-xml gd php-gd

Apacheの起動

systemctl start httpd.service

Apacheの起動設定

systemctl enable httpd.service

WordPressをダウンロード、解凍、コピー、権限変更

wget http://ja.wordpress.org/latest-ja.tar.gz ~/
tar zxvf ~/latest-ja.tar.gz
cp -r ~/wordpress/* /var/www/html/
chown apache:apache -R /var/www/html

WEBサーバのパブリックIPを確認

WEBサーバのパブリックIPを確認.png

ブラウザで確認したIPアドレスへアクセス

IPアドレスだけでアクセスするとhttpsでアクセスする為、http://を記述すること。

http://確認したIPアドレス

WordPressインストール画面

WordPress初期画面1.png

進める前にRDSエンドポイントを確認

RDSエンドポイント.png

WordPress初期設定入力

データベース名:RDS作成時に設定したデータベース名
ユーザー名:RDS作成時に設定したユーザー名
パスワード:RDS作成時に設定したパスワード
データベースのホスト名:RDSエンドポイント
WordPress初期画面2.png

WordPress初期設定確認

初期設定入力が正しければインストール実行画面が表示されるのでインストール実行をクリック
表示されない場合は値が間違っているので見直してください。
WordPress初期画面3.png

WordPressのサイト情報を設定

サイトのタイトル:AWSブログ(なんでもOK)
ユーザー名:wordpress(なんでもOK。WordPress管理画面へログインする際に利用します。)
パスワード:なんでもOK。WordPress管理画面へログインする際に利用します。
メールアドレス:管理用のメールアドレスを設定
WordPress初期画面4.png

WordPress初期設定完了

成功画面が表示されればOK
WordPress初期画面5.png

WordPressへアクセス

再度WebサーバへアクセスするとWordPressで作成したブログが表示されます。

http://WebサーバのパブリックIP

WordPress.png

これでWordPressの構築完了です。

AWSまだまだ勉強中なのでコメントいただけると嬉しいです。

AWS Cloud Techにて勉強中。興味のある方はお試しを。
https://aws-cloud-tech.com/

以上。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?