AWS EC2 をMacから使ってみよう!

Last updated at 2024-06-03Posted at 2020-06-06

〜宣伝〜

個人開発でエンジニア専門マッチングサービスを開発しましたので、是非未経験からエンジニア目指している人！現役エンジニアで教えたい人！使ってみてください！

β版リリース記念キャンペーン中です！

10名様限定、抽選でお好きな技術本1冊プレゼント！
🎉当選者にはメッセージ差し上げます(送付の際に住所はお聞きしません)
詳しくはこちらから↓

https://x.com/dokupro01/status/1796837336145436846

目的

AWSのEC2の無料枠でサーバを借りる方法をざっくりと紹介する
セキュリティ面の設定よりとにかくEC2を使えることを目的として説明する
EC2 のAmazon Linux 2 インスタンスのみを用いてApacheでhtmlファイルを表示する

実施環境

AWSのEC2の無料枠でサーバを借りる方法をざっくりと紹介する
セキュリティ面の設定よりとにかくEC2を使えることを目的として説明する
EC2 のAmazon Linux 2 インスタンスのみを用いてApacheでhtmlファイルを表示する

実施環境

ハードウェア環境

項目	情報
OS	macOS Catalina(10.15.5)
ハードウェア	MacBook Pro (13-inch, 2020, Four Thunderbolt 3 ports)
プロセッサ	2 GHz クアッドコアIntel Core i5
メモリ	32 GB 3733 MHz LPDDR4
グラフィックス	Intel Iris Plus Graphics 1536 MB

前提条件

MacOSでの使用を前提として紹介する。
下記、または下記に準ずる方法でAWSのアカウントが作成されていること。
- AWSのアカウント作成方法

免責事項

無料枠での使用を前提としてサーバを借りる方法を紹介するが、何らかの費用が発生した場合、筆者は責任を負いかねます。ご了承ください。
もちろん現状での無料枠のでの使用と費用が発生思想になった時のアラートメールなどの設定も説明します。
2020/06/03現在のAWSの無料利用枠の概要を下記に記載する。
- 無料利用枠詳細

前提知識

料金について
- EC2はAWSのアカウント新規登録時から12ヶ月間、毎月750時間までの利用なら無料で利用できる。
- ひとつきの最大の使用でも24時間×31日で744時間となりAWSアカウント取得日から12ヶ月連続で24時間、EC2のサービスを利用しても無料で使用できる。(現状の条件での計算上なのでプランが変更になり料金が発生する場合もある。)

概要

ログイン
イメージの設定
請求アラートの設定(重要)
作成されたインスタンスの確認と接続
必要物のインストール
htmlファイルの表示

詳細

ログイン
1. 下記のリンク先にアクセスする。
  - https://aws.amazon.com/jp/console/
2. 「コンソールにサインイン」をクリックする。
3. アカウント登録時に入力したメールアドレスを入力し「次へ」をクリックする。
4. アカウント登録時に入力したパスワードを入力し「サインイン」をクリックする。
イメージの設定
1. サインイン後、下記のようなページが開かれることを確認する。
2. 「仮想マシンを起動する」をクリックする。
3. 画面左側の「無料利用枠のみ」にチェックマークを入れる。
4. イメージ(マシン)一覧に表示されている「Amazon Linux 2 AMI (HVM), SSD Volume Type」の「選択」をクリックする。
5. インスタンスタイプ（マシンスペック）一覧に表示されているタイプが「t2.micro(無料枠の対象)」が選択されていることを確認して「次のステップ: インスタンスの詳細の設定」をクリックする。
6. 本ページは特に設定をいじらず「次のステップ: ストレージの追加」をクリックする。
7. ストレージ設定では「終了時に削除」にチェックが入っていることを確認して「次のステップ: タグの追加」をクリックする。(本番環境などで本仮想マシンを使用する場合はチェックを外すが、データのみ残っており課金されることを防ぐためにお試し程度ならチェックを入れることをおすすめする。)
8. 「タグの追加」をクリックする。
9. キーに「Name」と入力、値に「MyWebServer」と入力して「次のステップ: セキュリティグループの設定」をクリックする。
10. 「ルールの追加」をクリックする。
11. タイプで「HTTP」を選択して「確認と作成」をクリックする。
12. 各種設定にミスがないか確認して「起動」をクリックする。
13. EC２のターミナルにお手持ちのPCからログインする際に使用するキーファイルの作成を行う。
14. 「新しいキーペアの作成」を選択し「キーペア名」に「MyWebServer」と入力し「キーペアのダウンロード」をクリックする。
15. 現在操作中のPCのダウンロードフォルダに「MyWebServer.pem」というファイルがダウンロードされる。
16. 「インスタンスの作成」をクリックする。
17. 下記の画面が表示されたことを確認する。
請求アラートの設定(重要)
1. 「請求アラートの作成」をクリックする。
2. 「E メールで PDF 版請求書を受け取る」「無料利用枠の使用のアラートの受信」「請求アラートを受け取る」全てにチェックを入れる。「Eメールアドレス:」には無料枠が終わりそうな場合に送信されるアラートメールの受信アドレスを記載する。(捨てメールアドレスではなく一年後でも確実に使用しており、確実に受信することができるメールアドレスを入力すること。AWSのアカウント登録の際に使用したメールアドレス以外でも入力、設定することができる。)
3. 記入内容を確認して「設定の保存をクリックする。」
作成されたインスタンスの確認と接続
1. 「インスタンスの表示」をクリックする。
2. インスタンスの状態が「running」になっていることを確認する。
3. 下記コマンドをお手持ちのMacのターミナルで実行して~/ディレクトリ直下に先に作成したキーファイル(MyWebServer.pem)をコピーする。
```
cd
cp -a Downloads/MyWebServer.pem .
```
4. インスタンス一覧の上部にある「接続」をクリックする。
5. 「スタンドアロン SSH クライアント」が選択されていることを確認する。
6. 表示されている手順に記載されている下記コマンドをお手持ちのMacのターミナルで実行する。
```
chmod 400 MyWebServer.pem
```
7. 表示されている手順に記載されている下記コマンドをお手持ちのMacのターミナルで実行して先に作成したインスタンスにSSH接続する。(このコマンドは実際の皆さんの画面に表示されているコマンドと異なる可能性がある。皆さんの画面に表示されているコマンドを実行していただく。)
```
ssh -i "MyWebServer.pem" ec2-user@ec2-13-59-146-25.us-east-2.compute.amazonaws.com
```
8. 下記の出力があったら「yes」と入力してEnterを押下する。
```
Are you sure you want to continue connecting (yes/no/[fingerprint])?
```
9. 下記のように出力されれば先に作成したインスタンスにSSH経由でログインすることができている。
必要物のインストール
1. SSH経由でのログイン後、インスタンス内で下記コマンドを実行する。
```
sudo yum update
```
2. インスタンス内で下記コマンドを実行してApache(httpd)をインストールする。
```
sudo yum install httpd
```
3. インスタンス内で下記コマンドを実行してApache(httpd)を起動する。
```
sudo service httpd start
```
4. インスタンス内で下記コマンドを実行してApache(httpd)が正常に起動しているか確認する。(activeになっていることを確認する)
```
service httpd status
```
5. インスタンス内で下記コマンドを実行してApache(httpd)がインスタンスの起動に合わせて起動する様にする。
```
sudo chkconfig httpd on
```
セキュリティグループの設定
1. AWSにログインし、インスタンス一覧画面を開く。
2. 今回立ち上げたインスタンスにチェックマークをつける。
3. 下部のタブで「セキュリティ」を選ぶ。
4. 「セキュリティグループ」の名前をクリックする。
5. 遷移先の画面で「インバウンドルールを編集」をクリックする。
6. 「ルールを追加」をクリックする。
7. 追加された入力フォームに下記のように設定して、「ルールを保存」をクリックする。
  1. タイプ → HTTP
  2. プロトコル → TCP
  3. ポート範囲 → 80
  4. ソース →　0.0.0.0/0!
htmlファイルの表示
1. インスタンス内で下記コマンドをインスタンス内で実行して表示するhtmlファイルを開く。
```
sudo vi /var/www/html/index.html
```
2. 開いたファイルに下記の内容を記載する。
  /var/www/html/index.html
```
<html>
    <h1>hello Japan!!</h1>
</html>
```
3. ブラウザからAWSの下記のページ(コンソール)にアクセスする。
4. 「接続」をクリックする。
5. 下記画像の矢印が指しているURLをコピーして別のブラウザのURL入力欄に貼り付ける。
6. ブラウザで下記の様に表示されていることを確認する。