用 n8n Google 登入驗證流程 —— 前端 OAuth,後端驗證
用 n8n 打造無碼 Google 登入驗證流程 —— 前端 OAuth2,後端驗證完全自動化 在現代網頁專案中,許多人選擇 Google 登入作為快速且安全的身分驗證解決方案。 你知道不用自己寫 Node.js/Express 伺服器,只靠 n8n 這種無碼自動化工具,也能做嚴謹的 Google Login 驗證嗎? 本篇就帶你用 n8n 快速實現:「前端取得 Google ID Token,n8n 完成安全驗證、後續自動化,零後端程式碼!」 一、架構流程圖 [前端 React/JS] | | POST /google-login (body: { id_token }) ↓ [n8n Webhook Workflow] | |── HTTP Request: 驗證 id_token (呼叫 Google tokeninfo) | |── IF: 檢查 aud、iss、exp 等 claims | ├─ True (合法): 進行業務邏輯、自動化 | └─ False: 回傳 401/錯誤訊息 ↓ [資料庫、通知、回應前端...] 二、前端:取得 Google ID Token,傳給 n8n 假設你用 React,流程如下: 引入 Google Identity Services: import { GoogleLogin } from '@react-oauth/google' ; 取得 credential 並送給 n8n: < GoogleLogin onSuccess = { credentialResponse => { fetch ( 'https://your-n8n-domain.com/webhook/google-login' , { method : 'POST' , headers : { 'Content-Type' : 'application/json' } , body : JSON . stringify ( { id_token : credential...