繁體中文（香港）
與 Webflow 整合
逐步指南，幫助你將 Webflow 與 Logto 整合。
Charles
Developer
Developer
Stop wasting weeks on user auth
Launch secure apps faster with Logto. Integrate user auth in minutes, and focus on your core product.
Get started
逐步指南，幫助你將 Webflow 與 Logto 整合。
Webflow 是一個用於網站構建和託管的 SaaS 平台，提供線上可視化編輯器，簡化了使用最少代碼設計、構建和發布網站的過程。
本文將引導你如何將 Logto 整合到你的 Webflow 專案中，實現無縫用戶身份驗證。
在這一步中，我們將向你的網站添加全局級別的自定義代碼。由於 Webflow 是一個靜態網站，我們將利用 @logto/browser (Vanilla JS) SDK 進行用戶身份驗證。由於不能使用 NPM，我們將通過 CDN 服務，如 jsdelivr.com ，導入 SDK。
https://your-awesome-site.webflow.io/callback，然後點擊 “儲存更改”。getElementById() 引用。
https://your-awesome-site.webflow.io。在 Logto SDK 中，我們通常可以使用 logtoClient.isAuthenticated() 方法來檢查身份驗證狀態，如果用戶已登入，值將為 true;否則，將為 false。
在你的 Webflow 網站中，你也可以使用它來以程式化方式顯示和隱藏登入和登出按鈕。應用以下自定義代碼以相應調整按鈕的 CSS。
現在，測試你的 Webflow 網站：
本教程已經引導你將 Webflow 與 Logto 整合。通過使用 @logto/browser SDK，你可以輕鬆將用戶身份驗證整合到任何 Webflow 網站，只需幾個步驟。
請參考我們文檔網站上的 完整 Webflow 整合指南 以獲取更多詳情，例如獲取 JWT 訪問令牌和處理 RBAC（基於角色的訪問控制）等。
可以在這裡找到 Webflow 演示 here，只讀模式，並且部署的網站可以在 https://charless-trendy-site-f191c0.webflow.io/ 找到。