search

20m61 / sc4pe

MIT License
0 stars 0 forks source link

ソーシャルログイン機能の実装 #12

Open 20m61 opened 4 months ago

20m61 commented 4 months ago

概要

AWS Amplifyを使用して、GoogleやFacebookなどのソーシャルログイン機能を追加する。

詳細

タスク

  1. Amplify CLIを使ってAuthカテゴリを追加
  2. GoogleやFacebookのソーシャルログインを設定
  3. ログイン画面の実装とUIの整備

要件

技術スタック

参考資料

20m61 commented 4 months ago

手順

  1. Amplify CLIで認証を追加

    amplify add auth
    • Default configuration with Social Provider (Federation)
    • Username
    • No, I am done.
    • リダイレクトURIを設定 (例: http://localhost:3000/)
    • ソーシャルプロバイダーを選択して、必要なトークンを入力

  2. CLIコマンドで設定をプッシュ

    amplify push

  3. ソーシャルプロバイダーの設定

    • 各プロバイダーのデベロッパーコンソールでリダイレクトURIを設定 (例: https://<your-user-pool-domain>/oauth2/idpresponse)

詳細な手順はこちらから確認できます。