見出し画像

AWS Amplify 自習 1日目「Hello World」

Amplify最強と聴いたので、AWS Amplifyの公式チュートリアルをやってみる。

環境設定:

・AWSアカウントの取得

モジュール 1: ウェブアプリケーションを作成する

AWS Amplify コンソールから最小のWebアプリを作成する。

このチュートリアルの最初では、AmplifyコンソールからZipファイルをアップロードしてWebアプリをデプロイする。

1. HTMLファイルを作成
2. zip圧縮(zip -r foo.zip foo)
 ※今回ディレクトリは無いので、-r スイッチは無くても良い。

$ mkdir hands-on-01
$ cd hands-on-01/
$ ls -la
$ touch index.html
$ vi index.html
$ zip -r index.zip index.html
 adding: index.html (deflated 30%)
$ ls -la
-rw-r--r--  1 kazoo  staff  137 Nov 25 07:29 index.html
-rw-r--r--  1 kazoo  staff  266 Nov 25 08:17 index.zip

3. Amplify コンソールにログイン

スクリーンショット 2020-11-25 8.24.24

Deliver→ GET STARTED を選択

スクリーンショット 2020-11-25 8.26.05

Deploy without Git provider を選択して、Continueを押下

スクリーンショット 2020-11-25 8.26.30

Drag and drop を選択して、zipファイルをアップロード

スクリーンショット 2020-11-25 8.29.02

デプロイ結果確認

スクリーンショット 2020-11-25 8.29.22

スクリーンショット 2020-11-25 8.30.26

アプリの動作確認

デプロイ結果のDomainのリンクをクリックして作成された結果を確認

スクリーンショット 2020-11-25 8.30.54

参考

自習2日目につづく

この記事が気に入ったらサポートをしてみませんか?