likes
comments
collection
share

在 Deno Deploy 中使用更简单的新项目创建流程

作者站长头像
站长
· 阅读数 2

Deno Deploy 是一个 JavaScript 无服务器应用程序的全球分布式平台,是在 Web 上部署和运行 JavaScript 和 TypeScript 的最简单、最快的方法之一。

Deno Deploy 的 JS/TS 和 WebAssembly 代码在地理位置靠近用户的托管服务器上运行,从而实现低延迟和更快的响应时间。

它还原生支持 npm: 说明符,并提供内置的 KV、队列和计划任务程序,可以在全球范围内分布以实现最佳性能。Deno Deploy 一直在通过 Playgrounds 中的新入门教程和 deployctl 中的更多功能不断改进它,以管理部署的整个生命周期。

我们很高兴看到 Deno Deploy 中有一个更简单、改进的新项目创建流程。连接 GitHub 存储库现在包括自动框架检测、根据您的项目的可选构建步骤支持、使用 GitHub Actions 的无缝 CI/CD 设置以及更透明的构建过程。

连接 GitHub 存储库

当您注册新的 Deno Deploy 帐户时,您将看到这个新的欢迎屏幕。

在 Deno Deploy 中使用更简单的新项目创建流程

从这里,您可以从现有的 GitHub 存储库创建新的 Deploy 项目,通过 Playground 浏览我们的学习教程,或直接转到您的仪表板。

让我们从现有的 GitHub 存储库创建一个新的 Deploy 项目,因此我们将单击「我有一个现有项目」。下一个屏幕允许您连接到现有的 GitHub 项目,并提供使用 deployctl 从命令行进行部署的选项。

在 Deno Deploy 中使用更简单的新项目创建流程

让我们过滤我们的项目 my-fresh-app,然后选择它。请注意,项目旁边的图标表示 Deno Deploy 已检测到该存储库是一个 Fresh 项目。选择项目后,下面将显示其他配置字段。

在 Deno Deploy 中使用更简单的新项目创建流程

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

添加可选的构建步骤

以前如果我们想将构建步骤添加到 Deno Deploy 的部署过程中,则必须手动将 GitHub Action 的 .yml 文件添加到 .github/workflows/ 目录中。

通过此更新,如果您的项目需要构建步骤,Deno Deploy 会自动将该 GitHub Action 文件提交到您的存储库。让我们看一下我们的 Fresh 示例。

从 Fresh 1.6 开始,您可以通过提前构建来优化性能,这需要构建步骤。如果我们查看下拉列表,我们可以选择 Fresh (with Build step) 。

在 Deno Deploy 中使用更简单的新项目创建流程

选择 Fresh (with Build step) 将使用 Fresh 需要使用提前构建所需的命令来预填充高级配置字段:

在 Deno Deploy 中使用更简单的新项目创建流程

要了解其他配置预设的样子,请参阅以下 Svelte 应用程序的示例。请注意存储库名称旁边的 Svelte 图标,这表示检测到 Svelte 应用程序。

在 Deno Deploy 中使用更简单的新项目创建流程

Deno Deploy 自动使用 Svelte 安装和构建命令填充配置字段。

此更新的项目创建流程使连接和部署任何 GitHub 存储库(无论是否需要构建步骤)变得更加容易,并将其无缝集成到您的 git 流程中。下次合并到 main 分支时,您的项目将自动部署到 Deno Deploy,只需点击几下就可以设置 CI/CD。

更透明的构建和部署步骤

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

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

在构建过程中,您可以单击「查看日志」并直接进入 GitHub 存储库的「操作」部分,以查看构建过程中更详细的日志记录。

在「部署」步骤中查看日志将向您显示正在部署到 Deno Deploy 基础设施的项目的实时流日志。

更好的成功页面与资源

在创建项目后,可以通过你自己的 deno.dev URL 在网络上实时查看它。如果您准备好更进一步,我们通过提供跳转到设置并添加自定义域或环境变量的快捷方式,使升级新部署的项目变得更加简单。

在 Deno Deploy 中使用更简单的新项目创建流程

我们使用 GitHub Actions 的新项目创建流程意味着您只需单击几下即可将 CI/CD 构建和部署流程添加到您的 GitHub 存储库。这与通过 Playgrounds 提供的入门教程将使 Deno Deploy 的入门变得更加容易。

参考链接:deno.com/blog/simple…