はじめに

みなさんこんにちは！Ryuです！AWS資格SAAとSAPを取得しているのですが、実務未経験ということで実際の現場で通用するスキルを身につけるためにAWS Workshopsを通して実際に構築した内容を技術ブログとして記録していきます。
AWS Workshopsの中には初心者から上級者レベルの構成が多数あるので今後いろいろのな構成を構築していくって思うととてもワクワクします笑
自分自身まだ初心者ではあるのですが、記事を通して皆様の学びにもなれば嬉しいです！

完成イメージ

今回作成するのは以下の構成図。

今回構成するアーキテクチャはVPCを作成しパブリックサブネット内にEC2を立ち上げサーバーを構築していくというかなり簡単なものになります。

これに加えてAWS Amplify でのデプロイ構成も作っていきます。

以下のリンクから今回の構成を参照いただけます。

使用するサービスと役割

VPC:　AWS上に作る“自分専用のネットワークの箱”
EC2:　仮想サーバー
amplify（オプション）:　フロントエンドでアプリ作るなら、裏側の面倒ごと全部AWSが持ってくれるサービス

では早速構築手順に入っていきます！

VPC作成

まずは自分専用の仮想ネットワークを作成していきます。
基本的にはこの自分専用のネットワーク内に各サービスを配置していく形になります。

VPCをクリックできましたらVPCを作成に進みます。

VPC作成ウィザードに画面が移行するので早速設定していきたいとおもいます！

まず上から順に選択項目を説明していきます。
[作成リソース]：こちらはVPCなどを選択します、VPC以外の関連リソースも合わせて作成可能。
[名前タグ]：わかりやすいVPCのネームをつけてください。
[IPv4 CIDR]：使用するIPアドレスの範囲を決めてください。
[IPv6 CIDR]：サービスの大半は IPv4 で十分なので、なしに設定。（後から追加可能）
[テナンシー]：共有ホストで動かすか専有ホストで動かすか、基本的にはセキュリティ要件で指定がない限りデフォルト設定になります。

ではスクロールして
[AZの数]：今回は簡単な構成になるのでシングル構成の１を指定します。
[パブリックサブネット]：今回はインターネットからアクセス可能なサーバーを立ち上げるので２を選択します。
[プライベートサブネット]：今回はパブリックサブネットを使用するのでなしなります。
[NATゲートウェイ]：これはプライベートサブネットをインターネットと接続するためのものになりますのでなしです。
[VPCエンドポイント]：インターネットを通らず AWS の内部ネットワークでアクセスできる機能、今回は簡単な構成なのでなしになります。
[DNSオプション]：この２つに関してEC2 に “ホスト名（名前）” を付けるかどうか。とVPC 内で DNS を使って名前解決できるかどうか。なので基本ありで構成を作成します。

以上の設定でVPC作成してください。

EC2作成

では次にEC2を作成していきます。

インスタンス起動をクリックします

起動するサーバーの設定を行ってきます。
[名前]：サーバーの名前、どのサーバーかわかりやすく判断できるものをオススメします。
[AMI]：特に指定はないのでデフォルトで設定されているものをそのまま選択。

スクロールしていくと
[インスタンスタイプ]：今回は無料枠のデフォルトで指定されているものを指定します。
[キーペア]：キーペアは、EC2インスタンスにSSHでアクセスする際に使用する認証情報です。今回は特にSSH接続するような構成ではないのでなしになります。（本番環境では必ずキーペア作成する必要がある）

さらにスクロールするとネットワークの設定に入っていきます。
[VPC]：先ほど作った自分のVPCを選択。
[サブネット]：パブリックサブネット好きなもの１つ選択。

最後のネットワークの設定としてセキュリティーグループ（インスタンスレベルでのファイアウォール機能です。どのトラフィックを許可するかを定義します。）作成します。
[セキュリティーグループ名]：セキュリティグループの名前（SGだとすぐにわかる名前にする）
[セキュリティグループルール]インバウンドとしてHTTPを選択します、HTTPだとソースは自動的に0.0.0.0/0に設定されます。
※SGはステートフルなためインバウンドを設定するれば、自動的にアウトバウンドも設定される。

ではEC2最後の設定としてユーザーデータの設定をして終えたいと思います。
ではユーザーデータスクリプトとはなんなのか？
答えはEC2 を起動したときに “自動で実行される初期設定スクリプト”になります。

今回ユーザーデータに入力したスクリプトはシステム更新、Apache HTTPサーバーのインストール、サービスの起動を順次実行します。

Webアプリケーションの確認

EC2インスタンスが完成したので、実際にWebアプリケーションが機能しているか確認していきたいと思います。

作成したインスタンスを確認しパブリックIPv4アドレスをコピーしてください。

そしてコピーしたアドレスをブラウザーにてアクセスすると...
無事にアクセスできたことを確認できました！（やっぱり自分が作ったサーバーが機能しているのを確認するのはいつも感動します...）

AWS Amplify でのデプロイ

ではお次はAWS Amplifyを使ってデプロイしていきたいと思います。

AWS Amplifyとは何か？
EC2 では仮想サーバーを管理する必要がありますが、Amplify は「サーバーレス」なサービスです。インフラストラクチャの管理が不要で、コンテンツの配信に集中できるサービスになっております。

早速デプロイを始めていきます。
まずはAWS Amplifyにアクセスしアプリケーションをデプロイをクリックします。

AmplifyではGit リポジトリと連携したデプロイと、ファイルを直接アップロードするデプロイの2つの方法があるみたいですが今回はGitなしで進めていきます。

アプリケーションの名前はAmplify の中でそのアプリを識別するための名前になりますのでわかりやすいものを設定します。
ハンズオン資料内にあるindex.htmlファイルをダウンロードしAmplifyにアップロードし保存してデプロイをクリックします。

これでAmplifyの基本的な設定は完了です。

最後に右上のデプロイされたURLにアクセスするをクリックすると...
はい！公開された Web サイトを確認することができます。

最後に

自分の学び

同じ目的でもサービスによってアプローチ方法が違う。
Amplify はインフラを意識せずホスティングできる。

今回のハンズオンを通してマネジメントコンソールでインフラ構築できる素晴らしさを改めて実感できました、また言語化することによって曖昧だった部分の理解につながったので今後もたくさんAWS Workshopsを真似て構築してそれらを投稿していきたいと思います。

今回はこれで以上になります！ぜひみなさんもAWS Workshopsを利用して色々な構築方法に触れてみてください！