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

AWS Amplify 自習 6日目「基本的なウェブアプリケーションを構築する・振り返りとまとめ」

    Amplifyの基本のチュートリアルの振り返りとまとめ。

    AWS Amplify 自習 1日目「Hello World」

    Amplifyコンソールにindex.htmlをzip圧縮してアップロード。Hello Worldが表示されることを確認。

    Amplifyコンソールからファイルをアップロードするだけで静的ウェブサイトがホスティングされました。

    AWS Amplify 自習 2日目「AWS Lambdaの作成」

    AWS LambdaコンソールからLambda関数を作成して、単体のテストをしました。

    AWS Amplify 自習 3日目「API Gatewayの作成」

    2日目に作成したLambda関数を、API Gatewayから呼び出せるように設定した。

    AWS Amplify 自習 4日目「DynamoDB テーブルの作成」

    DynamoDBにテーブルを作成。Lambda関数を書き換えて、LambdaからDynamoDBにデータを登録した。

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

    最後に、1日目に作成したindex.htmlを書き換えて、Webフォームから入力したデータをDynamoDBテーブルに登録した。

    Webフォームはサーバーレスで実装される為、AJAX(Fetch API)を利用してAPI Geatewayのエンドポイントを呼び出すように実装している。

    自習7日目につづく。

    あなたへのおすすめ