Deno Deploy 中更简便的项目创建方式
Deno Deploy,我们的多租户 V8 隔离云平台,是在 Web 上部署和运行 JavaScript 和 TypeScript 最简单、最快速的方式之一。它还原生支持 npm:
标识符,并提供内置的云原生能力 — KV、队列和cron — 这些能力在全球范围内分发以实现最佳性能。我们一直在不断改进 Deno Deploy,在 Playgrounds 中提供新的入门教程,并在 deployctl
中提供更多功能来管理部署的整个生命周期。
今天,我们很高兴地宣布 Deno Deploy 中更简单、更完善的新项目创建流程。连接你的 GitHub 仓库现在包括自动框架检测、根据你的项目选择性的构建步骤支持、使用 GitHub Actions 的无缝 CI/CD 设置,以及更透明的构建过程。
在这篇博文中,我们将介绍
连接 GitHub 仓库
当你注册新的 Deno Deploy 账户时,你将看到这个新的欢迎界面。
在这里,你可以从现有的 GitHub 仓库创建一个新的 Deploy 项目,通过 Playgrounds 学习我们的学习教程,或者直接进入你的仪表板。
让我们从现有的 GitHub 仓库创建一个新的 Deploy 项目,所以我们将点击“我有一个现有项目”。下一个屏幕允许你连接到现有的 GitHub 项目,并提供使用命令行 deployctl
部署的选项。
让我们筛选我们的项目“my-fresh-app”,并选择它。请注意项目旁边的 🍋 图标,这意味着 Deno Deploy 检测到该仓库是一个 Fresh 项目。一旦你选择了你的项目,其他配置字段将出现在下方。
由于 Deno Deploy 检测到我的项目正在使用 Fresh 框架,它自动选择了 Fresh (自动)
框架预设。这些配置步骤是根据你的项目量身定制的 — 特别是它使用的框架 — 从而简化了设置过程。
添加可选的构建步骤
以前,如果你想在 Deno Deploy 的部署过程中添加构建步骤,你必须手动将 GitHub Action .yml
文件添加到你的 .github/workflows/
目录中。通过这次更新,如果你的项目需要构建步骤,Deno Deploy 将自动将该 GitHub Action 文件提交到你的仓库。让我们看看我们的 Fresh 示例。
截至 Fresh 1.6,你可以使用预先构建来优化性能,这需要构建步骤。如果我们查看下拉菜单,我们可以选择 Fresh (带构建步骤)
。
选择 Fresh (带构建步骤)
将预先填充高级配置字段,其中包含 Fresh 使用预先构建所需的命令。
要查看其他配置预设是什么样的,这是一个 Svelte 应用的示例。请注意仓库名称旁边的 Svelte 图标,这表示检测到了 Svelte 应用。
这个更新后的项目创建流程使得连接和部署任何 GitHub 仓库变得更加容易 — 无论它是否需要构建步骤 — 并将其无缝集成到你的 git 流程中。然后,下次你合并到你的 main
分支时,你的项目将自动部署到 Deno Deploy。你只需点击几下即可设置 CI/CD!
更透明的构建和部署步骤
当你点击“部署”时,后台会发生很多事情,而我们之前没有在 UI 中公开这些信息,这使得发现和诊断问题变得困难。我们新的流程现在包括更详细的构建和部署步骤。
对于有构建步骤的项目,部署页面将显示部署项目所需的所有步骤。让我们以我们的 Fresh (带构建步骤) 示例为例
在构建过程中,你可以点击“查看日志”,并直接跳转到你的 GitHub 仓库的 Actions 部分,以查看来自构建的更详细的日志。
在“部署”步骤中查看日志将显示你的项目部署到 Deno Deploy 基础设施的实时流式日志。
带有资源的更完善的成功页面
最后,在你的项目创建完成后,你可以在你的专属 deno.dev URL 上在线查看它。如果你准备好更进一步,我们简化了升级你新部署的项目,提供了跳转到设置和添加自定义域名或环境变量的快捷方式。
下一步是什么
我们使用 GitHub Actions 的新项目创建流程意味着你只需点击几下即可为你的 GitHub 仓库添加 CI/CD 构建和部署流程。加上通过 Playgrounds 提供的入门教程,这将使开始使用 Deno Deploy 变得更加容易。
在我们继续改进平台的同时,我们非常希望收到你的反馈!如果有任何功能请求或问题,请在此处告知我们。