AWS内で完結するウェブアプリケーションの作成（アプリケーションの構築編） #AWS

前回の記事について

AWS内で完結するウェブアプリケーションの作成（仮想環境の構築編）
AWS内で完結するウェブアプリケーションの作成（仮想環境へのサンプルアプリケーションの搭載編）
の続きです。先ずはこちらを参照いただければ幸いです。

作成条件

基本的にAWS内で完結させる。ローカルへのアプリダウンロード等は行わない。
できる限り無料枠を利用する。
AWSアカウントを所持していることを前提条件とする。
AWS内での仮想環境の構築及びサンプルアプリケーションの搭載が完了していることを前提条件とする。

構築手順

作成したプロジェクトへのアクセス

AWSにログインし、AWS マネジメントコンソールに移動する。

開発プロジェクトを開始をクリックする。

AWS内で完結するウェブアプリケーションの作成（仮想環境へのサンプルアプリケーションの搭載編）
で作成したプロジェクトを選択する。

サンプルアプリケーションの確認

ダッシュボードをクリックする

アプリケーションのエンドポイントのリンクをクリックする。

Amazonが用意したサンプルアプリケーション（ムービー）が再生される。

ソースコード改変

IDEをクリックする。

AWS内で完結するウェブアプリケーションの作成（仮想環境へのサンプルアプリケーションの搭載編）で作成したAWS Cloud9環境のIDEを開くを選択する。

しばらくするとIDEが表示されるので、任意のソースコードを改変し、保存する。
今回は、ムービーの表示文字を「Congratulations!」から「Hello! World.」に変更する。

ターミナルからのGit操作

IDE下部の+ボタンをクリック、New Terminalを選択する。

ターミナルからgitで変更箇所をpushする。
New Terminalに以下の文字を打ち込む。
※最初の2行は初回のみ
※git add xxx はmodified の横に表示された文字列（改変したソースコードファイルの場所）を入力。
複数のファイルを改変した場合はその分だけ入力する。
例
git add xxx(enter)
git add yyy(enter)
・・・

ec2-user:~/environment $ git config --global user.name "（自分の名前）"
ec2-user:~/environment $ git config --global user.email "（自分のメールアドレス）"
ec2-user:~/environment $ pwd
/home/ec2-user/environment
ec2-user:~/environment $ ls
firstproject1  README.md
ec2-user:~/environment $ cd （プロジェクトID）
ec2-user:~/environment/firstproject1 (master) $ ls
appspec.yml  buildspec.yml  pom.xml  README.md  scripts  src  template.yml
ec2-user:~/environment/firstproject1 (master) $ git commit
On branch master
Your branch is up-to-date with 'origin/master'.

Changes not staged for commit:
        modified:   src/main/webapp/WEB-INF/views/index.jsp

no changes added to commit
ec2-user:~/environment/firstproject1 (master) $ git add src/main/webapp/WEB-INF/views/index.jsp
ec2-user:~/environment/firstproject1 (master) $ git commit -m "（好きなコミット名）"
[master 203f265] commit1
 1 file changed, 1 insertion(+), 1 deletion(-)
ec2-user:~/environment/firstproject1 (master) $ git push
Counting objects: 8, done.
Compressing objects: 100% (6/6), done.
Writing objects: 100% (8/8), 593 bytes | 296.00 KiB/s, done.
Total 8 (delta 3), reused 0 (delta 0)
To https://git-codecommit.us-east-2.amazonaws.com/v1/repos/firstProject1
   a4c9ed7..203f265  master -> master
ec2-user:~/environment/firstproject1 (master) $

デプロイとテスト再生

ダッシュボードを開く。画面右側のDeployが「成功」になるまで待つ。

再びエンドポイントをクリックすると、ソースコード改変後のアプリケーションが再生される。

以上のように、ソースコード改変とデプロイを繰り返していくことで、サンプルアプリケーションを元に任意のウェブアプリケーションを構築できる。

最後に

以上で「AWS内で完結するウェブアプリケーションの作成」は終了となります。最後まで読んでいただき、ありがとうございました。

AWS内で完結するウェブアプリケーションの作成 （アプリケーションの構築編）