Logto 部落格

探索 Logto，發掘有關身份驗證、授權、身份管理、開放標準（OAuth、OpenID Connect、SAML）等豐富資源。

Cover

教程

  • custom-ui
  • bring-your-own-ui
  • custom-sign-in
  • custom-auth-flow

將你的自定義登入 UI 帶入 Logto Cloud

本教程將指導你完成創建和部署你自己的自定義登入 UI 至 Logto Cloud 的過程。

Charles
Charles
Developer
閱讀更多

所有文章

  • Cover

    技術

    • SAML
    • SSO
    • authentication

    SAML 安全小抄

    Security Assertion Markup Language (SAML) 和其安全功能的速查指南。了解關鍵術語、實施提示和最佳實踐，以確保在企業環境中基於 SAML 的身份驗證和授權的安全性。

    閱讀更多
  • Cover

    技術

    • oidc
    • oauth
    • authentication
    • authorization
    • jwt

    將 OIDC 伺服器整合到你的專案的完整指南

    學習將 OIDC（OpenID Connect）伺服器整合到專案中的最佳實踐，並了解元件如何在舞台上互動。

    閱讀更多
  • Cover

    技術

    • chatgpt
    • ai
    • prompt
    • i18n

    使用 ChatGPT 進行長篇 JSON 翻譯

    學習如何使用最新的 ChatGPT 模型和 JSON 模式來翻譯具有長篇內容的 JSON 對象，並將輸出回傳為 JSON。

    閱讀更多
  • Cover

    技術

    • oauth 2.0
    • token introspection
    • access token
    • refresh token
    • opaque token

    OAuth 2.0 令牌調查

    本文探討 OAuth 2.0 令牌調查，一種允許受保護資源查詢授權伺服器以獲取令牌相關元數據的方法，判斷訪問或刷新令牌是否有效。

    閱讀更多
  • Cover

    技術

    • 去除 if-else
    • 代碼優化
    • 乾淨代碼
    • 面向介面的編程
    • 條件邏輯

    三個強大的編碼技巧來去除混亂的條件判斷

    介紹三個強大的編碼技巧來優化和簡化複雜的條件結構，提高代碼質量和可維護性。

    閱讀更多
  • Cover

    技術

    • oidc
    • oauth
    • token-exchange
    • openid

    了解 OAuth/OIDC 中的令牌交換

    令牌交換是 OAuth 的一個擴展，允許受信任的客戶端在不需要用戶互動的情況下獲得新令牌，這在模擬、自動化、跨系統集成和令牌遷移的各種場景中非常有用。

    閱讀更多
  • Cover

    技術

    • HTTP 協議
    • WebSocket 協議
    • 網路應用
    • TCP
    • 客户端服務器通信

    HTTP 與 WebSocket

    本文比較了 HTTP 和 WebSocket 協議，解釋了它們的關鍵差異、特點和理想的使用場景。為開發者提供了選擇合適協議用於其網路應用的重要見解，對比 HTTP 的請求-回應模型與 WebSocket 的即時、雙向通信能力。

    閱讀更多
  • Cover

    技術

    • oidc
    • oauth
    • jwt
    • opaque token

    不透明 Token 與 JWT

    理解不透明 token 與 JWT 的差異、它們的使用情境，以及它們在基於 OIDC 的系統中如何驗證。

    閱讀更多
  • Cover

    技術

    • commit message
    • conventional commits
    • git commit
    • commitlint

    傳統提交無法拯救你的提交訊息

    探討為何僅僅遵循傳統提交還不足以寫好提交訊息，並介紹關鍵的思維策略來改善你的開發過程，自然創建有意義的提交。

    閱讀更多
  • Cover

    技術

    • 動畫
    • 運動
    • 用戶體驗
    • react

    為什麼 GitHub 的載入進度條看起來很棒以及如何構建它

    我們將討論 GitHub 的載入進度條的使用者體驗，並在 React 中構建一個類似的進度條。

    閱讀更多
  • Cover

    技術

    • 社交媒體
    • Open Graph
    • 開放標準

    如何為你 的網站設置 Open Graph 和 Twitter 卡片元數據

    Open Graph 和 Twitter（現為 X）卡片元數據對於在社交媒體上分享你 的網站至關重要。它們將幫助你 展示網站的漂亮預覽，並吸引更多注意。

    閱讀更多
  • Cover

    技術

    • jwt
    • authentication
    • security
    • OIDC

    我什麼時候應該使用 JWTs？

    關於使用 JWTs 進行身份驗證的利弊的綜合指南，著重於像 Logto 這樣的身份驗證提供者服務。

    閱讀更多
  • Cover

    技術

    • remark
    • mdx
    • reading-time
    • esm

    建立一個 remark 插件來提取 MDX 閱讀時間

    指南以創建一個 remark 插件，使在將 MDX 文件作為 ES 模組導入時，閱讀時間數據可用。

    閱讀更多
  • Cover

    技術

    • css
    • 動畫
    • 無限滾動
    • 轉盤

    僅用 CSS 的無限滾動轉盤動畫

    只用 CSS 創建一個具有懸停暫停效果的無限滾動轉盤動畫。不需要 JavaScript。

    閱讀更多
  • Cover

    技術

    • browser
    • url
    • process
    • domain name service
    • DNS
    • IP address

    瀏覽器如何處理地址欄中的 URL 輸入？

    當我們在瀏覽器中打開特定 URL 時，瀏覽器如何加載和顯示內容？我們將按照事件發生的順序展示瀏覽器所做的事情。

    閱讀更多
  • Cover

    技術

    • base64
    • encoding

    你需要知道的 Base64 百科全書

    深入探討 Base64 編碼的世界。了解它的歷史、運作方式、使用時機及其限制。每位處理數據編碼和傳輸的開發者必備的知識。

    閱讀更多
  • Cover

    技術

    • parcel
    • vite
    • js
    • esbuild
    • bundler
    • monorepo

    從 Parcel 到 Vite：一個十萬行代碼遷移的短篇故事

    我們已經將三個前端專案從 Parcel 遷移到 Vite，過程非常順利。

    閱讀更多
  • Cover

    技術

    • react
    • lazy
    • suspense

    放心使用 React.lazy：在快速迭代中安全加載組件的方法

    React.lazy 是一種按需加載組件並提升應用性能的好方法。然而，有時它可能會引發一些問題，例如 "ChunkLoadError" 和 "Loading chunk failed"。

    閱讀更多
  • Cover

    技術

    • webhook
    • 輪詢
    • api

    Webhook 和 輪詢

    本文將比較 webhook 和輪詢，分析每種方法的優缺點，並討論何時應該使用哪一種。

    閱讀更多
  • Cover

    技術

    • postmortem
    • cloud-service
    • incident

    事後分析：使用者登入時發生意外的 500 錯誤

    2024 年 7 月 18 日，身份驗證服務返回的意外 500 錯誤的事件報告。

    閱讀更多