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 帐户时,您将看到这个新的欢迎屏幕。
从这里,您可以从现有的 GitHub 存储库创建新的 Deploy 项目,通过 Playground 浏览我们的学习教程,或直接转到您的仪表板。
让我们从现有的 GitHub 存储库创建一个新的 Deploy 项目,因此我们将单击「我有一个现有项目」。下一个屏幕允许您连接到现有的 GitHub 项目,并提供使用 deployctl
从命令行进行部署的选项。
让我们过滤我们的项目 my-fresh-app
,然后选择它。请注意,项目旁边的图标表示 Deno Deploy 已检测到该存储库是一个 Fresh 项目。选择项目后,下面将显示其他配置字段。
由于 Deno Deploy 检测到我的项目正在使用 Fresh 框架,因此它自动选择了 Fresh (Automatic) 框架预设。这些配置步骤是根据您的项目量身定制的,特别是它使用的框架,从而简化了设置过程。
添加可选的构建步骤
以前如果我们想将构建步骤添加到 Deno Deploy 的部署过程中,则必须手动将 GitHub Action 的 .yml
文件添加到 .github/workflows/
目录中。
通过此更新,如果您的项目需要构建步骤,Deno Deploy 会自动将该 GitHub Action 文件提交到您的存储库。让我们看一下我们的 Fresh 示例。
从 Fresh 1.6 开始,您可以通过提前构建来优化性能,这需要构建步骤。如果我们查看下拉列表,我们可以选择 Fresh (with Build step) 。
选择 Fresh (with Build step) 将使用 Fresh 需要使用提前构建所需的命令来预填充高级配置字段:
要了解其他配置预设的样子,请参阅以下 Svelte 应用程序的示例。请注意存储库名称旁边的 Svelte 图标,这表示检测到 Svelte 应用程序。
Deno Deploy 自动使用 Svelte 安装和构建命令填充配置字段。
此更新的项目创建流程使连接和部署任何 GitHub 存储库(无论是否需要构建步骤)变得更加容易,并将其无缝集成到您的 git 流程中。下次合并到 main 分支时,您的项目将自动部署到 Deno Deploy,只需点击几下就可以设置 CI/CD。
更透明的构建和部署步骤
当您点击「部署」时,幕后会发生很多我们之前没有在 UI 中公开的事情,这使得发现和诊断问题变得困难。我们的新流程现在包括更详细的构建和部署步骤。
对于具有构建步骤的项目,部署页面将显示部署项目所需的所有步骤,让我们以 Fresh 为例。
在构建过程中,您可以单击「查看日志」并直接进入 GitHub 存储库的「操作」部分,以查看构建过程中更详细的日志记录。
在「部署」步骤中查看日志将向您显示正在部署到 Deno Deploy 基础设施的项目的实时流日志。
更好的成功页面与资源
在创建项目后,可以通过你自己的 deno.dev
URL 在网络上实时查看它。如果您准备好更进一步,我们通过提供跳转到设置并添加自定义域或环境变量的快捷方式,使升级新部署的项目变得更加简单。
我们使用 GitHub Actions 的新项目创建流程意味着您只需单击几下即可将 CI/CD 构建和部署流程添加到您的 GitHub 存储库。这与通过 Playgrounds 提供的入门教程将使 Deno Deploy 的入门变得更加容易。
原文链接:https://juejin.cn/post/7354019135993577512 作者:一纸忘忧