みなさん、こんにちは。イノベーションLABのハヤシです。 以下の構成の Web アプリをさくっと作る手順をご紹介します。 バックエンド:Node.js の REST API(Amazon API Gateway / AWS Lambda) フロントエンド:TypeScript の React 今回は全 3 回のうちの最終回、認証と、お片付け編です。 必要な部分だけでも、ぜひ参考にしてみてください。 1回目はこちら↓ blog.css-net.co.jp 2回目はこちら↓ blog.css-net.co.jp 1. 前提条件 1-1. 想定読者 1-2. 前提条件 2. 認証 2-1. API 実行を認証必須にする(バックエンド) 2-2. ログインページ実装(フロントエンド) 2-3. API 呼び出しに認証情報を付与(フロントエンド) 3. おまけ 3-1. サインアウト実装 3-2.
![【SAM + Cognito + Amplify ライブラリでログイン機能を実装した React アプリを作成】Part3 - API に認証追加とログインページ実装 - シー・エス・エス イノベーションラボ(ブログ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1156edc88cdcfbb33609d47b3767cf63423003dd/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fp%2Fpinkie79%2F20220901%2F20220901134810.png)