通用過濾器
頁面
教程分類

Google OAuth 2.0 用戶端建立教學課程

通用過濾器
Google OAuth 2.0 用戶端ID 與Secret 建立教學課程
這篇文章分享Google OAuth 2.0 用戶端ID 和Secret 建立教學課程,讓你的網站可以安全地存取Google API,讓使用者可以使用Google一鍵登入你的網站!
文章目錄

本篇文章共1642 字,預計閱讀時間7 分鐘

什麼是OAuth 2.0

OAuth 2.0 是一種 授權協議(authorization framework),用於讓第三方應用在不取得使用者密碼的情況下,安全地存取使用者儲存在其他服務上的資源。

OAuth 2.0 的核心特徵是:

授權而非認證

  • OAuth 2.0 的設計初衷是授權存取資源,而不是驗證使用者身分(注意:Google 登入使用的是OAuth 2.0 + OpenID Connect 來實現認證)。

使用訪問令牌(Access Token)

  • 使用者同意授權後,第三方應用程式會拿到一個短期有效的存取令牌,而不是使用者的帳號密碼。

支援多種授權模式(Grant Types)

  • 授權碼(推薦,用於伺服器端應用)
  • 隱式(適用於瀏覽器端應用,但安全性較低)
  • 資源所有者密碼憑證(不推薦,直接用使用者名稱密碼)
  • 客戶端憑證(用於應用自身存取資源,不涉及使用者)

安全性

  • 使用者無需把密碼告訴第三方應用,只需要透過服務提供者的授權頁面操作授權。
  • 支援令牌刷新(Refresh Token)機制,延長授權而不暴露敏感資訊。

Google Identity Platform

谷歌提供了 Google Identity Platform,它本質上是一個基於OAuth 2.0 的認證和授權服務。
透過OAuth 2.0,第三方應用可以:

安全地獲取用戶資訊,使用者登入Google 後,應用程式可以透過授權取得使用者基本資訊(如姓名、郵箱、頭像),而不需要使用者密碼。

相容性強,OAuth 2.0 是標準協議,幾乎所有大型平台(Google、Facebook、Microsoft)都支持,因此第三方應用可以輕鬆存取。

支援統一登入體驗,用戶只需使用Google 帳號即可登錄,無需註冊新帳號,提高用戶轉換率。

Google OAuth 2.0 用戶端建立教學課程

如果你還沒有建立Google帳號,請參考:Gmail註冊教學

首先登入 Google雲

- Well建站| 唯有二建站

在Googl Cloud 頁面左上角,點選項目切換器。

在專案選擇器裡新建專案↓

Google Cloud 項目選擇器中新項目
Google Cloud 建立項目,自訂名稱

項目的名稱可以自訂,填寫一個有辨識度的即可。

建立完成後,再次點選項目切換器,選擇新建的項目↓

Google Cloud 切換到新建的選擇器
Google Cloud 點擊進入API和服務

在新項目下,點選進入「API 和服務」選單。

在進入左側的「OAuth 授權請求頁面」功能表↓

Google Cloud 專案內選單,點選進入OAuth 權限請求頁面

在客戶端介面裡配置“Googl Auth Platform”↓

在Google Cloud 專案裡設定Google Auth Platform
在Google Cloud 專案裡設定Google Auth Platform,步驟1
在Google Cloud 專案配置Google Auth Platform,步驟2
在Google Cloud 專案設定Google Auth Platform,步驟3
在Google Cloud 專案裡設定Google Auth Platform,步驟4

接下來就可以開始建立OAuth 2.0 客戶端了↓

開始建立OAuth 2.0 用戶端
建立OAuth 2.0 客戶端

應用程式類型:Web 應用

名稱:自訂

已授權的JavaScript來源:填寫你自己的域名

已授權的重定向URL:如果你使用Well建站開發的彈跳窗登入插件,加入你的網域+ ?well_google_callback=1

(其他Google登入插件,請按照插件提示填寫重定向URL)

最後點擊創建。

建立好的OAuth 用戶端,在左側「客戶端」選單中找到並開啟↓

拿到你的OAuth 2.0 ID和秘鑰

複製並儲存客戶端ID

新建客戶端秘鑰(Secret )並複製保存好,只有剛創建的時候能複製

最後儲存設定

這樣你就成功建立了Google OAuth 2.0,並且拿到了對應的ID 和Secret。

可以利用OAuth 2.0 用戶端ID 和Secret 存取Google API,例如為網站接入Google登入。

本站出售外貿網站常用的WordPress進階插件

: ) 文章內容均為原創,轉載須註明出處並添加原文鏈接,否則視為侵權
提供專業外貿建站服務
WordPress建站資源下載
WordPress 外掛程式下載,合理使用外掛程式豐富網站功能
WordPress伺服器推薦,外貿專用VPS | 虛擬主機教學、評量
WordPress專用VPS、虛擬主機推薦
文章標籤
文章推薦
文章目錄

建站遇到問題?

聯絡我們獲得技術支援
相關文章
WordPress 多語言外掛如何選擇?
WordPress 多語言外掛如何選擇?

本篇文章列出多款主流的WordPress 多語言外掛(WPML、Polylang、TranslatePress 等),然後從功能特性、SEO 友善度、易用性、效能影響、等幾個方面進行比較評估。


或者

或者