0
0

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を使ってWebサイトを構築しよう⑨

Last updated at Posted at 2021-06-10

■Webサーバーへ接続する

前回インスタンスへApacheと呼ばれるWebサーバーソフトをインストールしました。 これでWebサーバーとしての機能が追加されたので実際にWebブラウザからアクセスしてみましょう。

#目次
1.Webブラウザからインスタンスへアクセスする
2.セキュリティグループの80番ポートを開ける

#1. Webブラウザからインスタンスへアクセスする
まずは作成したインスタンスのパブリックIPを確認します。
今回は「3.112.29.31」となっています。
※現在の設定だとパブリックIPは動的IPでインスタンスを起動し直す度にIPアドレスは変わるので注意してください。
スクリーンショット 2021-05-07 22.14.58.png

ではパブリックIPアドレスをそのままWebブラウザで表示してみましょう。
画像上部にURLを入力するバーがあるので、そこにパブリックIPをそのまま入力してアクセスしてみます。
スクリーンショット 2021-05-07 22.16.45.png

すると「このサイトにアクセスできません」とエラー表示されました。
アクセスできない原因はセキュリティグループの設定で「22番ポートだけを通してそれ以外のポートは通さない」という設定をしているからです。
これはEC2の画面からセキュリティグループの設定で確認することができます。

インスタンスを選択し画面下の「セキュリティ」をクリックします。
スクリーンショット 2021-05-07 22.30.42.png

下にスクロールして「インバウンドルール」のところを見ると「ポート範囲:22」「ソース:0.0.0.0/0」という設定がされているのがわかります。
スクリーンショット 2021-05-07 22.31.07.png

Apacheは80番ポートで待ち受けているため、Webブラウザでアクセスできるようにするにはセキュリティグループの80番ポートを開ける必要があります。

##2. セキュリティグループの80番ポートを開ける
まずEC2の画面を開き、左メニューから「セキュリティグループ」をクリックしてください。
次にセキュリティグループ一覧が表示されるので、以前作成したセキュリティグループを選択し、画面下の「インバウンドルール」をクリックしてください。
次に「インバウンドルールの編集」をクリックしてください。

この「インバウンドルール」というのがアクセスしてくる通信を制限するルールです。(アウトバウンドルールはその逆で通信の送信先を制限するルールです)
スクリーンショット 2021-05-07 23.05.26.png

インバウンドルールを編集できる画面へ移行するので下記のように入力してください。
まず「ルールの追加」をクリックして新しくルールを作成します。
・タイプ:「カスタムTCP」を選択
・ポート範囲:「80」と入力
・ソース:虫眼鏡マークのある箇所に「0.0.0.0/0」と入力
全て入力を終えたら「ルールを保存」をクリックしてください。
スクリーンショット 2021-05-07 23.15.56.png

これで下記画像のように新しくセキュリティグループのインバウンドルールに「80番ポートを開ける設定」が追加されたのが分かります。
スクリーンショット 2021-05-07 23.24.52.png

ではもう一度WebブラウザでパブリックIPにアクセスしてみましょう。
すると下記のようにApacheのデフォルト画面が表示されましたので、無事パブリックIPへアクセスできたことが分かります。
スクリーンショット 2021-05-07 23.26.39.png

今回はここまで。 次回はインスタンスにDNS名を割り当てていきます。

次の記事はこちらから
AWSとWordPressを使ってWebサイトを構築しよう⑩

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?