跳到主要内容
Simpler project creation in Deno Deploy

Deno Deploy 中更简便的项目创建方式

Deno Deploy,我们的多租户 V8 隔离云平台,是在 Web 上部署和运行 JavaScript 和 TypeScript 最简单、最快速的方式之一。它还原生支持 npm: 标识符,并提供内置的云原生能力 — KV队列cron — 这些能力在全球范围内分发以实现最佳性能。我们一直在不断改进 Deno Deploy,在 Playgrounds 中提供新的入门教程,并在 deployctl 中提供更多功能来管理部署的整个生命周期

今天,我们很高兴地宣布 Deno Deploy 中更简单、更完善的新项目创建流程。连接你的 GitHub 仓库现在包括自动框架检测、根据你的项目选择性的构建步骤支持、使用 GitHub Actions 的无缝 CI/CD 设置,以及更透明的构建过程。

部署带有构建步骤的 Fresh 项目。视频为了简洁而截断。

在这篇博文中,我们将介绍

连接 GitHub 仓库

当你注册新的 Deno Deploy 账户时,你将看到这个新的欢迎界面。

The new welcome page in Deno Deploy gives you options for how to create a new project.

在这里,你可以从现有的 GitHub 仓库创建一个新的 Deploy 项目,通过 Playgrounds 学习我们的学习教程,或者直接进入你的仪表板。

让我们从现有的 GitHub 仓库创建一个新的 Deploy 项目,所以我们将点击“我有一个现有项目”。下一个屏幕允许你连接到现有的 GitHub 项目,并提供使用命令行 deployctl 部署的选项。

Creating a new project

让我们筛选我们的项目“my-fresh-app”,并选择它。请注意项目旁边的 🍋 图标,这意味着 Deno Deploy 检测到该仓库是一个 Fresh 项目。一旦你选择了你的项目,其他配置字段将出现在下方。

Automatically detecting a Fresh project and using Automatic preset.

由于 Deno Deploy 检测到我的项目正在使用 Fresh 框架,它自动选择了 Fresh (自动) 框架预设。这些配置步骤是根据你的项目量身定制的 — 特别是它使用的框架 — 从而简化了设置过程。

添加可选的构建步骤

以前,如果你想在 Deno Deploy 的部署过程中添加构建步骤,你必须手动将 GitHub Action .yml 文件添加到你的 .github/workflows/ 目录中。通过这次更新,如果你的项目需要构建步骤,Deno Deploy 将自动将该 GitHub Action 文件提交到你的仓库。让我们看看我们的 Fresh 示例。

截至 Fresh 1.6,你可以使用预先构建来优化性能,这需要构建步骤。如果我们查看下拉菜单,我们可以选择 Fresh (带构建步骤)

Fresh has two presets: automatic and with build step.

选择 Fresh (带构建步骤) 将预先填充高级配置字段,其中包含 Fresh 使用预先构建所需的命令。

Selecting the preset of Fresh with Build step.

要查看其他配置预设是什么样的,这是一个 Svelte 应用的示例。请注意仓库名称旁边的 Svelte 图标,这表示检测到了 Svelte 应用。

Selecting Svelte preset will give pre-configured Svelte-specific installation and build commands.

Deno Deploy 自动填充了配置字段,其中包含 Svelte 安装和构建命令。

这个更新后的项目创建流程使得连接和部署任何 GitHub 仓库变得更加容易 — 无论它是否需要构建步骤 — 并将其无缝集成到你的 git 流程中。然后,下次你合并到你的 main 分支时,你的项目将自动部署到 Deno Deploy。你只需点击几下即可设置 CI/CD!

更透明的构建和部署步骤

当你点击“部署”时,后台会发生很多事情,而我们之前没有在 UI 中公开这些信息,这使得发现和诊断问题变得困难。我们新的流程现在包括更详细的构建和部署步骤。

对于有构建步骤的项目,部署页面将显示部署项目所需的所有步骤。让我们以我们的 Fresh (带构建步骤) 示例为例

部署带有构建步骤的 Fresh 项目。视频为了简洁而截断。

在构建过程中,你可以点击“查看日志”,并直接跳转到你的 GitHub 仓库的 Actions 部分,以查看来自构建的更详细的日志。

在“部署”步骤中查看日志将显示你的项目部署到 Deno Deploy 基础设施的实时流式日志。

带有资源的更完善的成功页面

最后,在你的项目创建完成后,你可以在你的专属 deno.dev URL 上在线查看它。如果你准备好更进一步,我们简化了升级你新部署的项目,提供了跳转到设置和添加自定义域名或环境变量的快捷方式。

Your new successful deployment page offers resources to help further setup your project.

下一步是什么

我们使用 GitHub Actions 的新项目创建流程意味着你只需点击几下即可为你的 GitHub 仓库添加 CI/CD 构建和部署流程。加上通过 Playgrounds 提供的入门教程,这将使开始使用 Deno Deploy 变得更加容易。

在我们继续改进平台的同时,我们非常希望收到你的反馈!如果有任何功能请求或问题,请在此处告知我们