今回は、AWSの醍醐味である、仮想サーバ環境を構築していきます。
仮想サーバ環境を構築しただけでは楽しくないので、
仮想サーバ上に簡易のWEBサイトを立ち上げ、
ブラウザからWEBサイトの内容を表示していきます。
やりたいこと
- WEBサイトを立ち上げ、ブラウザからサイトの内容を表示する
AWS構成図
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/9ecc211156b84333bbd89ddd839c9d63.png)
やることリスト
- VPC内に、Public Subnet を作成
- Public Subnet 内にEC2インスタンスを作成
- EC2インスタンスにWEBサイトを立ち上げ
料金の確認
AWSサービスには、無料で使えるサービスもありますが、当然有料サービスもあります。
本章では、分かる範囲でAWSサービスの料金について書こうと思いますが、私の理解不足で漏れていることもあります。
各サービスを使う際は、料金がどのくらい掛かるかを理解した上で、自己責任で利用ください。
EC2
EC2の利用料金は、主に選択したインスタンスタイプの起動時間と購入オプションで大きく変わってきます。
以下サイトで見積もってみましょう。
![](https://canmakewakuwaku.com/wp-content/uploads/cocoon-resources/blog-card-cache/c94cb44bac0b155cad9e923137017c79.png)
本ページでは、AWSアカウント作成から12か月間無料枠のインスタンスタイプやEBS(Amazon Elastic Block Storage:ストレージ)サイズを利用していきます。
料金が発生するものとしては、アウトバンドの転送量に応じた料金(0.114 USD / GB:東京リージョン)くらいかと。
ただ、別途複数EC2インスタンスを起動し、1か月の無料枠の750時間や、EBSの30GBを超えると料金が発生します。
AWS の無料利用枠は、以下サイトを確認ください。
![](https://canmakewakuwaku.com/wp-content/uploads/cocoon-resources/blog-card-cache/c94cb44bac0b155cad9e923137017c79.png)
VPC構築
EC2インスタンスは、VPC上に構築する必要があります。
そこで、VPCを構築していない人は、以下記事を参照してVPCを構築してください。
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/8289cddbb62d19560a9574a8c144fcdb-160x90.png)
EC2インスタンスの作成
設定
AWSのコンソール画面にログインし、EC2サービスに遷移します。
EC2ダッシュボード > インスタンスを起動 ボタンをクリックし、設定画面に遷移します。
下図の様に設定していきます。
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/cd1f32124b346ba0a5706a8885c31587.png)
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/e1afbd0becad6cb11376f334a7742fa1.png)
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/fac9d195641ef2090e4bd061a7d0ce78.png)
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/5df1934bf5275f06d6ac91f5bb9c74c1.png)
キーペアが無い場合、「新しいキーペアの作成」で作成ください。
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/264b8a5216329715b97f63460c62d1e8-3-476x1024.png)
右上にある「編集」ボタンを押して、上記画面の様に設定ください。
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/9802d0232ba3590f966ca507083b1738.png)
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/fffbf638b24eb8f499b5c03fb41a3a11.png)
高度な詳細は放置して、「インスタンスを起動」ボタンを押してしばらくすると、
EC2インスタンスが立ち上がります。
アクセス確認
作成したインスタンスの中に入って、コマンドを実行してみましょう!
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/3394c7051a619342052134e749e64814.png)
インスタンス > インスタンスID > 接続 > 「接続」ボタンを押すと、以下の様にブラウザにCLIが出てきます。
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/ecf1704b6f4e348e1954e5af13c6fa96-1.png)
なんでもいいので、コマンド実行してみましょう!!!
WEBサイトの立ち上げ
コマンド
上記のインスタンスのCLI上で以下コマンドを実行し、Webサイトを立ち上げていきましょう!
$ sudo yum update -y
$ sudo yum install httpd -y
$ sudo service httpd start
$ sudo chkconfig httpd on
また、以下でWebサイトのtopページを作成しましょう
$ sudo vi /var/www/html/index.html
Hello World!
アクセス確認
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/fbe6fdf57df668d120a3191d5d39a576.png)
インスタンス > インスタンスID > パブリック IPv4 アドレス の値をコピーして、
ブラウザに貼り付けます。
どうでしょう!!!?
ブラウザに「Hello World!」の文字が出ましたか!?
インスタンスの停止/終了
インスタンスは起動させておくだけで料金が発生するので、使わなくなったインスタンスは、停止/終了させておきましょう。
![](https://canmakewakuwaku.com/wp-content/uploads/2023/07/024b9b1b3e7262a11557992e572df825-1024x181.png)
インスタンス > 任意のインスタンスにチェック > インスタンスの状態 > インスタンスを停止 / 終了
を実行します。
最後に
如何でしたか?
座学で勉強するより更なる学びがあったのではないでしょうか。