メインコンテンツへスキップ
見出し画像

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日目につづく。

    あなたへのおすすめ