Chia Yi Lai

加入 Google Sign in 和 Login with Facebook 在 React + Django 專案上

開發流程

  1. 先到 Google Cloud Platform 和 Facebook for Developers 新增專案,設定專案基本資料,並取得 client id or app id 等資訊。
  2. 在前端 React 加入登入按鈕,以取得 Google or Facebook 回傳的 token。可使用 npm react-facebook-login 和 react-google-login。
  3. 將取得的 token 傳至後端 Django,再利用 Google or Facebook 官方提供的 token 驗證 API,檢查 aud or app_id 是否為我們專案。
  4. 先判斷 email 帳戶是否存在:若不存在,先建立新帳戶。回傳 JWT 供使用者登入 (or other authenticated session)。
keyboard_arrow_up