"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const headings = [{ "data": { "id": "介紹", "hProperties": { "id": "介紹" } }, "depth": 2, "value": "介紹" }, { "data": { "id": "探索-oauth-授權碼流程", "hProperties": { "id": "探索-oauth-授權碼流程" } }, "depth": 2, "value": "探索 OAuth 授權碼流程" }, { "data": { "id": "客戶端憑證", "hProperties": { "id": "客戶端憑證" } }, "depth": 2, "value": "客戶端憑證" }, { "data": { "id": "狀態", "hProperties": { "id": "狀態" } }, "depth": 2, "value": "狀態" }, { "data": { "id": "pkce", "hProperties": { "id": "pkce" } }, "depth": 2, "value": "PKCE" }, { "data": { "id": "重定向-uri", "hProperties": { "id": "重定向-uri" } }, "depth": 2, "value": "重定向 URI" }, { "data": { "id": "總結", "hProperties": { "id": "總結" } }, "depth": 2, "value": "總結" }]; const readingTime = { "minutes": 14, "words": 4085, "text": "14 min read" }; const frontmatter = undefined; function _createMdxContent(props) { const _components = { a: "a", blockquote: "blockquote", code: "code", em: "em", h2: "h2", li: "li", ol: "ol", p: "p", pre: "pre", span: "span", strong: "strong", ul: "ul", ..._provideComponents(), ...props.components }, {BreakAllBlock, LogtoCloudButton} = _components; if (!BreakAllBlock) _missingMdxReference("BreakAllBlock", true); if (!LogtoCloudButton) _missingMdxReference("LogtoCloudButton", true); return _jsxs(_Fragment, { children: [_jsxs(_components.h2, { id: "介紹", children: ["介紹", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#介紹", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: ["前幾天，一篇有趣的 OAuth 漏洞文章剛剛出爐。由 SALT 實驗室發表的 ", _jsx(_components.a, { href: "https://salt.security/blog/a-new-oauth-vulnerability-that-may-impact-hundreds-of-online-services", children: "可能影響數百個在線服務的新 OAuth 漏洞" }), " 主題的文章。這篇特定的文章指出了一個在 ", _jsx(_components.a, { href: "https://expo.dev/", children: "Expo" }), " 中發現的漏洞，這是一個廣泛使用的實現 OAuth 和其他功能的框架。文章特別討論了 expo-auth-session 庫中的一個漏洞，該漏洞已被指定並妥善解決。"] }), "\n", _jsx(_components.p, { children: "如果你對 OAuth 感興趣或正在開發像我們這樣的 CIAM 相關產品，我們強烈建議閱讀這篇文章。它非常具有啟發性，並提供了有用的見解。這些白帽報告提醒我們，即使是最簡單的功能也可能帶來漏洞。在網絡安全和授權問題上，我們必須小心謹慎，確保用戶信息的安全和隱私。如果這篇文章引起了你的注意，我相信你會非常同意我們的觀點。" }), "\n", _jsx(_components.p, { children: "這讓我想起了我們剛開始的時候。我們花了很多時間學習和研究 OAuth 和 OIDC 協議的細節。雖然這很痛苦和繁瑣，但收穫巨大。雖然我們團隊中的每個人並不都是 OAuth 專家，但每個人都致力於安全性和細緻努力。正是憑藉這些奉獻的努力，Logto 產品發展成為今天的樣子。" }), "\n", _jsx(LogtoCloudButton, { children: "Logto CIAM 雲服務" }), "\n", _jsx(_components.p, { children: "藉這個很好的機會，我們希望在這裡回顧一下 OAuth 的一些安全細節。" }), "\n", _jsxs(_components.h2, { id: "探索-oauth-授權碼流程", children: ["探索 OAuth 授權碼流程", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#探索-oauth-授權碼流程", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.a, { href: "https://datatracker.ietf.org/doc/html/rfc6749#section-1.3.1", children: "OAuth 2.0" }), " 提供了各種授權流程，滿足不同客戶端類型和需求。這些流程包括 ", _jsx(_components.a, { href: "https://datatracker.ietf.org/doc/html/rfc6749#section-4.2", children: "隱式流程" }), "、", _jsx(_components.a, { href: "https://datatracker.ietf.org/doc/html/rfc6749#section-4.4", children: "客戶端憑證流程" }), "、", _jsx(_components.a, { href: "https://datatracker.ietf.org/doc/html/rfc6749#section-4.3", children: "資源所有者密碼憑證流程" }), "，以及 ", _jsx(_components.a, { href: "https://www.rfc-editor.org/rfc/rfc8628", children: "設備授權流程" }), "。然而，授權碼流程被視為最安全且最廣泛使用的。與其他流程不同，授權碼流程將用戶身份驗證與客戶端應用分開，並涉及用授權碼交換令牌。這種方法提供了額外的安全層，因為敏感令牌從不暴露給客戶端。此外，授權碼流程支持服務器端令牌管理，適合需要強大安全性和增強用戶訪問控制的 Web 應用。"] }), "\n", _jsxs(_components.p, { children: ["以下是一個最簡單的 ", _jsx(_components.a, { href: "https://datatracker.ietf.org/doc/html/rfc6749#section-1.3.1", children: "授權碼流程" }), " 圖表："] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mermaid", children: "sequenceDiagram\n actor ResourceOwner\n participant Client\n participant AuthServer\n participant ResourceProvider\n\n ResourceOwner ->> Client: 訪問客戶端應用\n Client -->> ResourceOwner: 1. 重新導向用戶至 AuthServer 進行身份驗證\n ResourceOwner ->> AuthServer: 2. 用戶登錄\n AuthServer ->> ResourceOwner: 3. 驗證並授權代碼\n ResourceOwner -->> Client: 4. 重新導向用戶至客戶端回調 URI，附帶授權代碼\n Client ->> AuthServer: 5. 使用給定授權代碼和客戶端憑證交換 access_token\n AuthServer ->> Client: 6. 返回 access_token 和 refresh_token\n Client ->> ResourceProvider: 7. 使用給定 access_token 訪問資源\n" }) }), "\n", _jsx(_components.p, { children: "讓我們看看授權碼授權流程中最關鍵的兩個請求，以及其中看似微不足道但卻在防欺詐中發揮關鍵作用的片段。" }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "授權端點：" }) }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-bash", children: "GET /authorize?response_type=code&client_id=YOUR_CLIENT_ID&redirect_uri=YOUR_REDIRECT_URI&scope=openid%20profile&state=YOUR_STATE_VALUE&code_challenge=YOUR_CODE_CHALLENGE HTTP/1.1\n" }) }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "令牌交換端點：" }) }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-bash", children: "POST /token HTTP/1.1\nHost: authorization-server.com\nAuthorization: Basic YOUR_CLIENT_ID:CLIENT_SECRET // 編碼\nContent-Type: application/x-www-form-urlencoded\n\ngrant_type=authorization_code&code=AUTHORIZATION_CODE&redirect_uri=YOUR_REDIRECT_URI&code_verifier=YOUR_CODE_VERIFIER\n" }) }), "\n", _jsxs(_components.h2, { id: "客戶端憑證", children: ["客戶端憑證", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#客戶端憑證", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: ["在 OAuth 中，", _jsx(_components.a, { href: "https://datatracker.ietf.org/doc/html/rfc6749#section-1.3.4", children: "客戶端憑證" }), " 是用於認證和識別客戶端應用到授權服務器的憑證。這些憑證在客戶端註冊過程中獲得，並用於在客戶端向授權服務器發出請求時驗證客戶端的身份。（當你第一次註冊應用程序時，你可能會在 Logto 的管理控制台中找到你的客戶端憑證。）"] }), "\n", _jsx(_components.p, { children: "客戶端憑證通常由兩個組成部分構成：" }), "\n", _jsxs(_components.ol, { children: ["\n", _jsx(_components.li, { children: "客戶端 ID：授權服務器分配給客戶端應用的一個唯一標識符。這是一個公有值，通常不被視為敏感。" }), "\n", _jsx(_components.li, { children: "客戶端密碼：僅客戶端和授權服務器知道的一個機密且安全存儲的值。它充當客戶端應用的身份驗證形式，並用於驗證客戶端在向授權服務器發出請求時的身份。" }), "\n"] }), "\n", _jsx(_components.p, { children: "如你所見，客戶端 ID 和客戶端密碼的組合在令牌請求期間用於驗證客戶端並獲取訪問令牌。" }), "\n", _jsx(_components.p, { children: "客戶端憑證在確保 OAuth 流程的安全性方面發揮著重要作用。它們幫助授權服務器驗證客戶端應用的真實性並控制對受保護資源的訪問。安全地處理客戶端憑證並保護它們不被未經授權訪問顯得尤為重要。Logto 將客戶端應用按兩個不同的安全級別分類：" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "保密性客戶端：" }), " 這些包括服務器渲染的 Web 應用和機器到機器 (M2M) 應用。在保密性客戶端的情況下，所有授權相關的憑證，包括客戶端憑證，都在服務器端安全存儲。此外，所有中間交換請求均加密以確保數據的機密性。對於保密性客戶端，客戶端憑證洩露的風險非常低，因此它們被默認視為更安全的。=> 在令牌交換流程中，提供客戶端密碼是必須的。"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "公共客戶端：" }), " 這些包括單頁 Web 應用 (SPA) 和原生應用。對於公共客戶端，客戶端憑證通常在客戶端代碼中硬編碼，例如在 JavaScript 包或原生平台中的應用包中。由於客戶端憑證在客戶端代碼中的固有暴露，憑證洩露的風險比保密性客戶端高。在令牌交換流程中，提供客戶端密碼是可選的。Logto 默認不會信任來自公共客戶端的這些憑證。"] }), "\n"] }), "\n", _jsxs(_components.h2, { id: "狀態", children: ["狀態", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#狀態", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: ["在 OAuth 流程中，", _jsx(_components.code, { children: "state" }), " 參數是一個隨機生成的值，它被包含在客戶端發送至授權服務器的授權請求中。其目的是保持授權過程中客戶端請求的狀態或上下文。"] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "state" }), " 參數作為一種安全措施來防止 ", _jsx(_components.a, { href: "https://datatracker.ietf.org/doc/html/rfc6749#section-10.12", children: "跨站點請求偽造 (CSRF)" }), " 攻擊。當授權服務器在身份驗證和授權後將用戶重定向回客戶端應用時，它會在響應中包含相同的 state 值。客戶端應用", _jsx(_components.strong, { children: "必須" }), "將此值與它在授權請求中發送的原始 ", _jsx(_components.code, { children: "state" }), " 值進行比較。"] }), "\n", _jsx(_components.p, { children: "通過驗證 state 參數，客戶端可以確保從授權服務器收到的響應與其發出的初始請求相符。這有助於防止攻擊者試圖誤導客戶端接受為另一用戶或應用程式的響應。" }), "\n", _jsx(_components.p, { children: "以下是虛構用例中的 CSRF 攻擊示例：" }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "CSRF 攻擊：欺詐綁定社交帳戶 - 問題" }) }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mermaid", children: "sequenceDiagram\n actor attacker as 攻擊者\n actor user as 用戶\n\n participant acme_client as ACME 客戶端\n participant auth_server as WhatsApp 授權服務器\n participant protected_resource as 受保護資源\n\n attacker ->> acme_client: 請求綁定攻擊者的 WhatsApp 帳戶\n activate attacker\n activate acme_client\n acme_client -->> attacker : 1. 重新導向用戶至授權服務器\n deactivate acme_client\n\n attacker ->> auth_server: 載入授權服務器進行身份驗證，redirect_uri = https://acme.com/client/callback\n activate auth_server\n auth_server -->> attacker: 2. 授權碼 = codeA 用於攻擊者的 WhatsApp 帳戶\n deactivate auth_server\n\n note over attacker: 攻擊者故意不
使用給定授權碼進行 access_token 的交換。\n attacker --x acme_client: 重新導向到 ACME 客戶端 redirect_uri，
附帶授權碼 = codeA\n deactivate attacker\n\n user ->> acme_client: 通過用戶名和密碼登錄\n acme_client -->> user: 驗證\n activate user\n user ->> acme_client: 請求綁定用戶的 WhatsApp 帳戶\n activate acme_client\n acme_client -->> user: 1. 重新導向用戶至授權服務器\n deactivate acme_client\n\n user ->> auth_server: 載入授權服務器進行身份驗證，
redirect_uri = https://acme.com/client/callback\n activate auth_server\n auth_server -->> user: 2. 授權碼 = codeB\n deactivate auth_server\n\n note over user: 用戶受劫持。
不及時使用給定授權碼進行 access_token 的交換。\n user --x acme_client: 重定向到 ACME 客戶端 redirect_uri，
附帶授權碼 = codeB\n\n note over user: 攻擊者誘導用戶點擊鏈接至
https://acme.com/client/callback?code=codeA\n user ->> acme_client: 重定向到 ACME 客戶端 redirect_uri，
附帶授權碼 = codeA\n activate acme_client\n deactivate user\n\n acme_client ->> auth_server: 3. 使用給定授權碼 = codeA 進行 access_token 的交換\n activate auth_server\n auth_server -->> acme_client: 4. 返回 access_token，
用於將用戶的 ACME 帳戶綁定到
攻擊者的 WhatsApp 帳戶\n deactivate auth_server\n deactivate acme_client\n note over acme_client: 用戶的 ACME 帳戶綁定到攻擊者的 WhatsApp 帳戶。\n\n\n note over acme_client: 攻擊者現在可以通過攻擊者的 WhatsApp 帳戶社交登錄用戶的 ACME 帳戶！\n attacker ->> acme_client: 通過攻擊者的 WhatsApp 帳戶登錄\n activate attacker\n activate acme_client\n acme_client -->> attacker : 1. 重新導向用戶至授權服務器\n deactivate acme_client\n\n attacker -> auth_server: 載入授權服務器進行身份驗證，redirect_uri = https://acme.com/client/callback\n activate auth_server\n auth_server -->> attacker : 2. 授權碼 = codeC 用於攻擊者的 WhatsApp 帳戶\n deactivate auth_server\n\n attacker ->> acme_client: 重定向到 ACME 客戶端 redirect_uri
附帶授權碼 = codeC\n activate acme_client\n\n acme_client ->> auth_server: 3. 使用給定授權碼 = codeC 進行 access_token 的交換\n activate auth_server\n auth_server -->> acme_client : 4. 返回 access_token，
用於用戶的 ACME 帳戶
與攻擊者的 WhatsApp 帳戶綁定\n deactivate auth_server\n\n attacker ->> acme_client: 做一些不好的事情：
例如，訪問用戶的私人數據\n acme_client ->> protected_resource: 用 access_token 載入受保護的資源以獲取用戶的私人數據\n activate protected_resource\n protected_resource -->> acme_client : 用戶的私人數據\n deactivate protected_resource\n deactivate acme_client\n deactivate attacker\n" }) }), "\n", _jsx(_components.p, { children: "通過適當的狀態驗證機制，客戶端可以檢測攻擊並防止用戶被重定向到攻擊者的網站：" }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "CSRF 攻擊：欺詐綁定社交帳戶 - 解決方案" }) }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mermaid", children: "sequenceDiagram\n actor attacker as 攻擊者\n actor user as 用戶\n\n participant acme_client as ACME 客戶端\n participant auth_server as WhatsApp 授權服務器\n\n attacker ->> acme_client: 請求綁定攻擊者的 WhatsApp 帳戶\n activate attacker\n activate acme_client\n\n acme_client -->> attacker : 1. 重新導向用戶至授權服務器\n deactivate acme_client\n\n attacker ->> auth_server: 載入授權服務器進行身份驗證，redirect_uri = https://acme.com/client/callback\n activate auth_server\n auth_server -->> attacker: 2. 授權碼 = codeA 用於攻擊者的 WhatsApp 帳戶\n deactivate auth_server\n\n note over attacker: 攻擊者故意不
使用給定授權碼進行 access_token 的交換。\n attacker --x acme_client: 重定向到 ACME 客戶端 redirect_uri，
附帶授權碼 = codeA\n deactivate attacker\n\n user ->> acme_client: 通過用戶名和密碼登錄\n acme_client -->> user: 驗證\n activate user\n user ->> acme_client: 請求綁定用戶的 WhatsApp 帳戶\n activate acme_client\n acme_client -->> acme_client: 生成隨機狀態 = stateB，
並存儲在存儲中\n acme_client -->> user: 1. 使用狀態 = stateB 重新導向用戶至授權服務器\n deactivate acme_client\n\n user ->> auth_server: 載入授權服務器進行身份驗證，
redirect_uri = https://acme.com/client/callback，
狀態 = stateB\n activate auth_server\n auth_server -->> user: 2. 授權碼 = codeB，
狀態 = stateB\n deactivate auth_server\n\n note over user: 用戶受劫持。不及時使用給定授權碼進行 access_token 的交換。\n user --x acme_client: 重定向到 ACME 客戶端 redirect_uri，
狀態 = stateB，授權碼 = codeB\n\n note over user: 攻擊者誘導用戶點擊鏈接至
https://acme.com/client/callback?code=codeA&state=stateA\n user ->> acme_client: 重定向到 ACME 客戶端 redirect_uri，
狀態 = stateA，授權碼 = codeA\n deactivate user\n activate acme_client\n\n acme_client --x acme_client: 從存儲加載原始狀態 = stateB，
並與當前 stateA 進行比較\n note over acme_client: 中止，因為狀態不匹配。\n deactivate acme_client\n acme_client --x auth_server: 交流訪問令牌\n\n note over acme_client: 狀態保護用戶賬戶免被攻擊者劫持\n" }) }), "\n", _jsxs(_components.h2, { id: "pkce", children: ["PKCE", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#pkce", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "如前所述，公共客戶端（如 SPA Web 應用和原生應用）承擔著更高的驗證憑證洩露風險，包括授權服務器發放的授權碼。" }), "\n", _jsxs(_components.p, { children: ["PKCE 代表 ", _jsx(_components.a, { href: "https://datatracker.ietf.org/doc/html/rfc7636", children: "代碼交換證明密鑰" }), "。這是對 OAuth 2.0 ", _jsx(_components.a, { href: "https://datatracker.ietf.org/doc/html/rfc6749#section-1.3.1", children: "授權碼流程" }), " 的擴展，旨在增強公共客戶端的安全性。"] }), "\n", _jsx(_components.p, { children: "PKCE 是為了減少攻擊者攔截授權碼並在客戶端不知情的情況下將其交換為訪問令牌的風險。這種類型的攻擊稱為授權碼攔截攻擊，在客戶端應用無法安全存儲客戶端密碼的環境中更為普遍。" }), "\n", _jsx(_components.p, { children: "要實現 PKCE，客戶端應用生成隨機代碼驗證器並使用特定哈希算法（通常是 SHA-256）從中派生代碼挑戰。代碼挑戰包含在發送到授權服務器的初始授權請求中。" }), "\n", _jsx(_components.p, { children: "當授權服務器發出授權碼時，客戶端應用在令牌請求中包含原始代碼驗證器。服務器驗證代碼驗證器是否與存儲的代碼挑戰匹配，並僅在這時候發放訪問令牌。" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mermaid", children: "sequenceDiagram\n title: PKCE 圖表\n actor ResourceOwner\n participant ClientApp\n participant AuthServer\n\n ResourceOwner ->> ClientApp: 1. 訪問用戶端\n activate ClientApp\n ClientApp ->> ClientApp: 創建隨機 code_verifier(v)
創建 code_challenge(c) = sha256(v)\n ClientApp -->> ResourceOwner: 通過產生的 code_challenge(c) 重定向\n deactivate ClientApp\n\n ResourceOwner ->> AuthServer: 2. 帶 code_challenge(c) 的身份驗證請求\n activate AuthServer\n AuthServer ->> AuthServer: 存儲 code_challenge(c)\n AuthServer -->> ResourceOwner: 重定向到登錄\n ResourceOwner ->> AuthServer: 使用憑據登錄\n AuthServer ->> ClientApp: 3. 授權並返回 authorization_code(t)\n activate ClientApp\n ClientApp ->> AuthServer: 4. 使用 client_id、code_verifier(v) 和 authorization_code(t) 請求 access_token\n AuthServer ->> AuthServer: 驗證 client_id、sha256(code_verifier(v)) ==== code_challenge(c) 和 code(t)\n AuthServer ->> ClientApp: 5. 返回 access_token 和 refresh_token\n deactivate ClientApp\n deactivate AuthServer\n" }) }), "\n", _jsx(_components.p, { children: "通過使用 PKCE，客戶端應用確保授權碼本身不足以獲取訪問令牌。這一機制為授權流程增加了額外的安全層，尤其是對於無法安全存儲客戶端密碼的公共客戶端。" }), "\n", _jsx(_components.p, { children: "Logto 使用 PKCE 作為所有公共客戶端類型應用的唯一授權流程。不過，對於保密性客戶端，PKCE 可以省略。" }), "\n", _jsxs(_components.h2, { id: "重定向-uri", children: ["重定向 URI", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#重定向-uri", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.a, { href: "https://datatracker.ietf.org/doc/html/rfc6749#section-3.1.2", children: "重定向 URI（統一資源標識符）" }), " 是在 OAuth 中身份驗證和授權過程後，授權服務器將用戶重定向回特定端點或 URL。"] }), "\n", _jsx(_components.p, { children: "在 OAuth 流程期間，客戶端應用會包含重定向 URI 作為初始授權請求的一部分。此 URI 作為回調 URL，當用戶成功驗證身份並授權客戶端後用戶將被重定向到此處。" }), "\n", _jsx(_components.p, { children: "用戶完成身份驗證過程後，授權服務器會生成包含授權碼的響應，並將用戶重定向回指定的重定向 URI。" }), "\n", _jsx(_components.p, { children: "重定向 URI 的驗證是確保 OAuth 流程安全性和完整性的重要步驟。它涉及確認授權請求中使用的重定向 URI 和後續重定向是否有效和受信任。" }), "\n", _jsxs(_components.p, { children: ["讓我們回頭看看原始的 ", _jsx(_components.a, { href: "https://salt.security/blog/a-new-oauth-vulnerability-that-may-impact-hundreds-of-online-services", children: "OAuth 漏洞報告" }), "。（以下部分參考自原帖](", _jsx(_components.a, { href: "https://salt.security/blog/a-new-oauth-vulnerability-that-may-impact-hundreds-of-online-services)%EF%BC%89", children: "https://salt.security/blog/a-new-oauth-vulnerability-that-may-impact-hundreds-of-online-services)）" })] }), "\n", _jsxs(_components.blockquote, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "當用戶使用 Expo Go 中的移動 APP 點擊 “login with facebook” 時，它會將用戶重定向到以下鏈接：" }) }), "\n", _jsx(BreakAllBlock, { children: _jsx(_components.p, { children: _jsx(_components.code, { children: "https://auth.expo.io/@moreisless3/me321/start?authUrl=https://www.facebook.com/v6.0/dialog/oauth?code_challenge=...&display=popup&auth_nonce=...&code_challenge_method=S256&redirect_uri=https://auth.expo.io/@moreisless3/me321&client_id=3287341734837076&response_type=code,token&state=gBpzi0quEg&scope=public_profile,email&returnUrl=exp://192.168.14.41:19000/--/expo-auth-session" }) }) }), "\n", _jsx(_components.p, { children: _jsxs(_components.strong, { children: ["在回應中，auth.expo.io 設置了以下 cookie: ", _jsx(_components.em, { children: "ru=exp://192.168.14.41:19000/--/expo-auth-session" }), ". 在第 5 步中，RU 值將用作返回 URL。然後它向用戶顯示確認消息，如果用戶批准 - 它將用戶重定向到 Facebook 登錄以繼續身份驗證流程"] }) }), "\n", _jsx(_components.p, { children: "…" }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "此頁面讀取查詢參數 “returnUrl” 並據此設置 cookie。" }) }), "\n", _jsx(_components.p, { children: _jsxs(_components.strong, { children: ["讓我們將 returnUrl 更改為 ", _jsx(_components.code, { children: "hTTps://attacker.com" }), "（不允許 https，因此我嘗試插入大寫字母，並且有效），這導致 RU（返回 URL）被設置在 cookie 中為 ", _jsx(_components.code, { children: "https://attacker.com" }), "。"] }) }), "\n", _jsx(_components.p, { children: "…" }), "\n"] }), "\n", _jsxs(_components.p, { children: ["在上述情況中，Expo 引入了一個名為 returnUrl 的新參數而忽視了原始的 ", _jsx(_components.code, { children: "redirect_uri" }), " 參數而疏於適當驗證。這一過失為攻擊者提供了一個機會來獲取 Facebook 返回的授權碼。欲了解詳情，請參閱原帖。"] }), "\n", _jsx(_components.p, { children: "重定向 URI 驗證有幾個重要目的：" }), "\n", _jsxs(_components.ol, { children: ["\n", _jsx(_components.li, { children: "防止釣魚攻擊：通過驗證重定向 URI，授權服務器確保用戶被重定向回信任和授權的端點。這有助於防止攻擊者將用戶重定向到惡意或未經授權的位置。" }), "\n", _jsx(_components.li, { children: "保護免受開放重定向攻擊：開放重定向是可以被攻擊者利用將用戶重定向到惡意網站的漏洞。通過驗證重定向 URI，授權服務器可以確保重定向在授權域名或信任域名範圍內進行。" }), "\n", _jsx(_components.li, { children: "確保授權響應正確路由：驗證重定向 URI 有助於保證授權服務器將用戶重定向回預期的客戶端應用。它確保響應（例如授權碼或訪問令牌）傳送到正確的目的地。" }), "\n"] }), "\n", _jsxs(_components.p, { children: ["在 Logto 中，", _jsx(_components.code, { children: "redirect_uri" }), " 註冊是所有類型應用的必需步驟。我們會將收到的值與 Logto 服務器中註冊的值進行比較和匹配。這包括任何自定義搜索參數。如果授權請求由於丟失、無效或不匹配的 ", _jsx(_components.code, { children: "redirect_uri" }), " 值而未通過驗證，將向註冊在文件上的 ", _jsx(_components.code, { children: "redirect_uri" }), " 返回無效的重定向 URI 錯誤。"] }), "\n", _jsxs(_components.h2, { id: "總結", children: ["總結", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#總結", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsxs(_components.p, { children: ["由於其複雜和微妙的性質，這些細節往往容易被忽視。有些只是像 ", _jsx(_components.code, { children: "state" }), " 這樣的隨機字符串。"] }), "\n", _jsx(_components.p, { children: "然而，值得注意的是，這些安全措施為用戶授權增加了保護層，減少了如 CSRF 攻擊、授權碼攔截和未授權重定向等風險。" }), "\n", _jsx(_components.p, { children: "這些只是 OAuth 協議提供的全面安全功能的一小部分。OAuth 提供了一個強大的框架，用於安全的身份驗證和授權。它還提供靈活和開放的端點，以滿足現實世界產品應用中的各種需求。" }), "\n", _jsx(_components.p, { children: "作為開發人員和服務提供商，我們有必要持續關注用戶授權流程的安全性。保持警覺，遵循最佳實踐，並了解 OAuth 生態系統中的最新發展是確保用戶身份和敏感數據完整性和保護的關鍵。我們將堅持在 OAuth 的實施過程中遵守最高的安全標準，並保護用戶的隱私和信任。" }), "\n", _jsx(LogtoCloudButton, { children: "立即嘗試 Logto" })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { headings, readingTime, frontmatter, default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }