简体中文
使用 GitHub Actions 工作流自动化定制登录 UI 部署
让我们展示如何在你的 devops 管道中，通过 GitHub Actions 工作流自动化将你的定制登录 UI 部署到 Logto Cloud。
Charles
Developer
Developer
让我们展示如何在你的 devops 管道中，通过 GitHub Actions 工作流自动化将你的定制登录 UI 部署到 Logto Cloud。
Logto 是你更好的客户身份和访问管理 (CIAM) 解决方案选择。最近，我们在 Logto Cloud 上推出了“自定义界面”功能，使开发者能够完全自定义他们的登录界面。
在之前的博客文章中，我们还提供了创建自定义登录界面的逐步指南，内容包括：
@logto/tunnel CLI 以进行本地调试然而，作为具有 DevOps 思维的应用开发者，当你对自定义登录页面进行更改时，可能会觉得这个过程繁琐。有办法自动化整个过程吗？
我们听取了你的反馈，兴奋地推出了 deploy CLI 命令 在 @logto/tunnel 中。此命令允许你通过在终端中执行命令或将其集成到 GitHub Actions 工作流中来自动化部署过程，这对于构建 CI/CD 管道特别有用。让我们深入了解一下！
在开始设置之前，请确保你具备以下条件：
@logto/tunnel CLI 工具作为 dev 依赖项安装在你的项目中。在你的 GitHub 仓库中，创建一个新的工作流文件。你可以通过导航到 .github/workflows/ 并创建名为 deploy.yml 的文件来完成此操作。
dist。./dist 目录中的 html 资源部署到你的 Logto Cloud 租户。它使用环境变量存储敏感信息。有关 GitHub Actions 的更多信息，请访问 GitHub Actions 文档。
为确保你的凭证安全，应该将它们存储为 GitHub 仓库中的密钥：
<m2m-app-id>:<m2m-app-secret>。在设置工作流并配置密钥后，你可以通过将 PR 合并到 master 分支来测试它。GitHub Actions 工作流会自动触发，你的自定义登录 UI 将被部署到 Logto Cloud。
通过将 @logto/tunnel CLI 命令集成到 GitHub Actions 工作流中，你可以简化将自定义登录 UI 部署到 Logto Cloud 的过程。这一自动化允许你专注于开发，同时确保你的更改在实时环境中持续进行测试。
编码愉快！