Hoyo 教你串 OAuth – Google 登入

JavaScript 登入

參考資源

使用 JavaScript 的好處是程式處理的份量較少,壞處是容易受瀏覽器影響

OAuth 2.0 用戶端 ID

從程式需求看來需要一個 client_id 也就是 OAuth 用戶端 ID,請按照路徑:建立憑證 → OAuth 用戶端 ID

完整程式範例

頁面載入時必須先執行 startApp() 進行登入按鈕初始化,然後指定的 id (GoogleLogin) 就會點擊才有功能

PHP 後端登入

參考資源

使用後台處理

流程

  1. 註冊 Google 會員帳號
  2. 進入 https://console.cloud.google.com/
  3. 登入連結 https://accounts.google.com/o/oauth2/auth?
  4. 使用者同意後取得 code
  5. 拿 code 去換 access_token, https://accounts.google.com/o/oauth2/token , Google 回傳的是 json 格式
  6. 將 json decode 後,使用 https://www.googleapis.com/oauth2/v1/tokeninfo?access_token= 進行解讀

 

 

和 Facebook 不同的是,Google Plus 在用 code 換 access_token 時,使用 HTTP POST 丟值過去

 

 

148 total views, 1 views today

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。