繁體中文（台灣）
使用 GitHub Actions 工作流程自動化你的自訂登入 UI 部署
讓我們展示如何在你的開發操作管道中，通過 GitHub Actions 工作流程，自動化將自訂登入 UI 部署到 Logto Cloud。
Charles
Developer
Developer
讓我們展示如何在你的開發操作管道中，通過 GitHub Actions 工作流程，自動化將自訂登入 UI 部署到 Logto Cloud。
Logto 是你的最佳客戶身份和訪問管理 (CIAM) 解決方案選擇。最近，我們在 Logto Cloud 上推出了「Bring your own UI」功能，讓開發者可以完全自訂其登入 UI。
在之前的博客文章中，我們還提供了有關創建自訂登入 UI 的步驟指南，包括：
@logto/tunnel CLI 進行本地調試然而，作為擁有 DevOps 思維模式的應用開發者，你可能會發現這個過程在對自訂登入頁面進行更改時過於繁瑣。是否有辦法自動化整個過程？
我們聽取了你的反饋，並很高興地介紹新的 deploy CLI 命令 在 @logto/tunnel 中。這個命令允許你自動化部署過程，通過在你的終端中執行命令，或將其整合到 GitHub Actions 工作流程中，這對於構建 CI/CD 管道特別有用。讓我們深入了解吧！
在我們進入設置之前，請確保你具備以下條件：
@logto/tunnel CLI 工具安裝為開發依賴。在你的 GitHub 儲存庫中，創建一個新的工作流程文件。你可以通過導航到 .github/workflows/ 並創建一個名為 deploy.yml 的文件來完成這一步。
dist。./dist 目錄中的 HTML 資產部署到 Logto Cloud 租戶中。它使用環境變量來處理敏感信息。有關 GitHub Actions 的更多信息，請訪問 GitHub Actions 文檔。
為了保持憑證的安全，你應將其存儲為儲存庫中的機密信息：
<m2m-app-id>:<m2m-app-secret>。一旦你設置了工作流程並配置了機密，你可以通過將 PR 合併到主分支來測試它。GitHub Actions 工作流程將自動觸發，並將你的自訂登入 UI 部署到 Logto Cloud。
通過將 @logto/tunnel CLI 命令集成到你的 GitHub Actions 工作流程中，你可以精簡將自訂登入 UI 部署到 Logto Cloud 的過程。此自動化允許你專注於開發，同時確保你的更改在實時環境中不斷測試。
祝你編程愉快！