Chia Yi Lai
Code
Design
My Basic
Photos
Simple
Writing
About
加入 Google Sign in 和 Login with Facebook 在 React + Django 專案上
開發流程
先到 Google Cloud Platform 和 Facebook for Developers 新增專案,設定專案基本資料,並取得 client id or app id 等資訊。
在前端 React 加入登入按鈕,以取得 Google or Facebook 回傳的 token。可使用 npm react-facebook-login 和 react-google-login。
將取得的 token 傳至後端 Django,再利用 Google or Facebook 官方提供的 token 驗證 API,檢查 aud or app_id 是否為我們專案。
先判斷 email 帳戶是否存在:若不存在,先建立新帳戶。回傳 JWT 供使用者登入 (or other authenticated session)。
Home
Code
加入 Google Sign in 和 Login with Facebook 在 React + Django 專案上
Django
facebook
google
login
React
prev
chevron_left
極簡記帳 mooney accounting app
next
自己刻超簡單 React toast notice 功能
chevron_right
Related Posts
極簡記帳 mooney accounting app
官方網址:https://mooney.chiayilai.com/ 記帳,可以檢視自己的生活 寫日記如果沒有 …
keyboard_arrow_up