跳至主要内容
Deno 2 终于发布了 🎉️
了解更多
Simpler project creation in Deno Deploy

Deno Deploy 简化项目创建

Deno Deploy,我们的多租户 V8 隔离云,是部署和运行 Web 上 JavaScript 和 TypeScript 的最简单、最快捷的方式之一。 它还原生支持 npm: 指定符,并提供内置的云原语 - KV队列cron - 这些原语会进行全局分布以实现最佳性能。 我们一直在不断改进 Deno Deploy,通过游乐场提供新的入门教程,以及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 项目,通过游乐场完成我们的学习教程,或直接前往您的仪表板。

让我们从现有 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 上的 Web 上查看它。 如果您准备好进一步采取行动,我们简化了通过提供跳转到设置的快捷方式以及添加自定义域或环境变量来提升您新部署的项目的步骤。

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

下一步

我们新的项目创建流程以及 GitHub Actions 意味着您只需点击几下即可将 CI/CD 构建和部署流程添加到您的 GitHub 仓库中。 这与通过游乐场提供的入门教程一起,将使您更轻松地开始使用 Deno Deploy。

在我们不断改进平台的同时,我们也非常重视您的反馈! 如果您有任何功能请求或问题,请在这里告知我们.