讓我們向你展示如何使用 GitHub Actions 工作流程在你的 DevOps 管道中自動將自訂登錄 UI 部署到 Logto Cloud。
Logto 是更好的客戶身份和存取管理 (CIAM) 解決方案。最近，我們在 Logto Cloud 上推出了「Bring your own UI」功能，使開發人員可以完全自訂自己的登錄 UI。
在之前的博客文章中，我們也提供了一個逐步指南，介紹如何創建自己的登錄 UI，包括：
@logto/tunnel CLI 進行本地調試然而，作為一個具有 DevOps 思維的應用程序開發人員，當在自訂登錄頁面中進行更改時，這個過程可能顯得繁瑣。是否有辦法自動化整個過程？
我們聽取了你的反饋，並很高興地介紹在 @logto/tunnel 中推出新的deploy CLI 指令。這個指令允許你通過在終端執行命令或將其集成到 GitHub Actions 工作流程中來自動化部署過程，這對於構建 CI/CD 管道特別有用。讓我們深入了解吧！
在我們深入了解設置之前，確保你具備以下條件：
@logto/tunnel CLI 工具作為項目的開發依賴。在你的 GitHub 存儲庫中，創建一個新的工作流程文件。你可以通過導航到 .github/workflows/ 並創建名為 deploy.yml 的文件來做到這一點。
dist。./dist 目錄中的 html 資產部署到你的 Logto Cloud 租戶中。它使用環境變量來處理敏感信息。欲瞭解詳情，請訪問 GitHub Actions 文檔。
為了保證憑證的安全性，應將它們存儲為 GitHub 存儲庫中的密鑰：
<m2m-app-id>:<m2m-app-secret>。設定好工作流程並配置了密鑰後，可以通過合併 PR 到主分支來測試。GitHub Actions 工作流程將自動觸發，你的自訂登錄 UI 將被部署到 Logto Cloud。
通過將 @logto/tunnel CLI 指令集成到你的 GitHub Actions 工作流程中，你可以簡化將自訂登錄 UI 部署到 Logto Cloud 的過程。這種自動化讓你能夠專注於開發，同時確保你的更改在現場環境中得到持續測試。
祝編程愉快！