跳到主要内容
Deno 2.4 版本发布,带来 deno bundle、字节/文本导入、OTel 稳定版等新特性
了解更多
Simpler project creation in Deno Deploy

Deno Deploy 引入更简单的项目创建

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

今天,我们很高兴地宣布 **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 (Automatic) 框架预设。这些配置步骤是根据您的项目(特别是它使用的框架)量身定制的,从而简化了设置过程。

添加可选构建步骤

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

从 Fresh 1.6 开始,您可以使用预编译(Ahead-of-time builds)来优化性能,这需要一个构建步骤。如果我们查看下拉菜单,我们可以选择 Fresh (with Build step)

Fresh has two presets: automatic and with build step.

选择 Fresh (with Build step) 将预填充高级配置字段,其中包含 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,在 Web 上实时查看它。如果您准备进一步,我们提供了快捷方式,让您可以直接跳转到设置并添加自定义域名或环境变量,从而更轻松地升级您新部署的项目。

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

下一步是什么

我们新的与 GitHub Actions 集成的项目创建流程意味着您只需点击几下即可为您的 GitHub 仓库添加 CI/CD 构建和部署过程。这与 Playgrounds 中的入门教程相结合,将使您更容易在 Deno Deploy 上入门。

在我们继续改进平台的同时,我们期待您的反馈!如果有什么功能请求或问题,请在这里告诉我们