見出し画像

AWS Amplify 自習 5日目「Webサイトからデータを更新する」

モジュール 5: ウェブアプリケーションに対話性を追加する

Amplifyコンソールからウェブアプリケーションを更新する

1. index.htmlを書き換える
2. zip圧縮する
3. Amplifyコンソールからアップロードする

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

zipファイルをアップロードするだけで、自動でデプロイされる

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

テストする

1. Webサイトにアクセス

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

2. フォームに入力して、Call API を押下

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

3. DynamoDBテーブルを確認

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

Amplifyコンソールからデプロイした静的ウェブサイト経由で、API Gateway→Lambda経由でDynamoDBデータベースにユーザーが入力した値を登録出来た。

自習6日目につづく。

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