订阅以接收新文章的通知:

使用全栈 Cloudflare Pages 支持 Remix

2021-12-17

3 分钟阅读时间
这篇博文也有 English 版本。

我们在 11 月宣布了全栈 Cloudflare Pages 的公测版,从那时起,希望向其应用程序添加动态功能的开发人员开始广泛使用它。今天,我们很高兴地宣布 Pages 对 Remix 应用程序的支持,该应用程序由我们的全堆栈平台提供支持。

Supporting Remix with full stack Cloudflare Pages

阻止的新功能:Remix

Remix 是一个专注于充分利用网络力量的新框架。与 Cloudflare Workers 一样,它使用现代 JavaScript API,并强调 Web 基础知识,例如有意义的 HTTP 状态代码、缓存以及可用性和性能优化。 Remix 的最大功能之一是它的可移植性:Remix 提供了与平台无关的接口和适配器,允许将其部署到越来越多的提供商。 Cloudflare Workers 在 Remix 发布时可用,但在这种情况下,使 Workers 与众不同的是 Workers 可以提供的本机兼容性。

Remix 的主要灵感之一是 Cloudflare Workers 使用本机 Web API 来处理 HTTP 请求和响应的方式。这是一个绝妙的决定,因为开发人员能够在服务器上重用他们在浏览器中构建应用程序时获得的知识!Remix 在 Cloudflare Workers 上本地运行,到目前为止我们看到的结果非常棒。我们对 Cloudflare Workers 和 Pages 为构建在边缘运行的应用程序所释放的潜力感到无比兴奋!- Michael Jackson, Remix 首席执行官

这种本机兼容性意味着,当您学习如何在 Remix 中编写应用程序时,您也在学习如何编写 Cloudflare Workers(反之亦然)。但这也意味着更好的性能! 与其让 Node.js 进程在服务器上运行—它可能远离你的用户,在高流量的情况下可能不堪重负,并且必须在 Node.js 的运行时和现代 Fetch API 之间进行映射—你可以部署到 Cloudflare 的网络,请求将被路由到我们 250 多个位置中的任何一个。这意味着为您的用户提供更好的性能,整个互联网连接世界的 95% 位于 Cloudflare 存在的 50 毫秒内,80% 的互联网连接世界在 20 毫秒内

与 Cloudflare 集成

通常情况下,全栈应用程序需要一些地方来存储数据。Cloudflare 在这里提供了三个包罗万象的选项:

  • KV,我们的高性能和全球复制的键值数据存储。

  • Durable Objects,我们高度一致的协调原语,可以限制在给定的管辖范围内。

  • R2(即将推出!),我们快速可靠的对象存储。

Remix 已经与用于会话存储的 KV 紧密集成,并且 Durable Objects 集成正在进行中。此外,Cloudflare 的其他功能,例如地理定位传入请求HTMLRewriter 和我们的缓存 API,都可以在您的 Remix 应用程序中使用。

部署到 Cloudflare Pages

Cloudflare Pages 已经能够从 Cloudflare 边缘为静态资产提供服务,但随着 11 月份 Cloudflare Workers 支持的无服务器功能的发布,它已经发展成为一个非常适合托管全栈应用程序的完整平台。

要立即开始使用 Remix 和 Cloudflare Pages,请在终端中运行以下命令,并在询问 “您要在哪里部署?” 时选择 “Cloudflare Pages”:

然后在 GitHubGitLab 上创建一个存储库,git 提交,git 推送新创建的文件夹。最后,导航到 Cloudflare Pages,选择您的存储库,然后从框架预设的下拉列表中选择“Remix”。您的新应用程序将在您的 pages.dev 子域上可用,或者您可以将其连接到任何自定义域

npx create-remix@latest

您的文件夹将有一个 functions/[[path]].ts 文件。这是我们在您网站的所有路径上为您的 Remix 应用程序提供服务的功能集成应用文件夹是 Remix 应用程序的大部分逻辑所在的位置。借助 Pages 对回滚预览部署的支持,您可以安全地测试对应用程序的任何更改,并且使用 Wrangler 2.0 beta,本地测试只是 npm run dev 的一个简单案例。

Cloudflare Pages 上框架的未来

Remix 是继 SvelteKit 之后第二个与全栈 Cloudflare Pages 原生集成的框架该框架在发布时可用。但这仅仅是开始! 我们还有很多东西可以与 Remix 和其他框架集成。请继续关注 Pages 的构建时间和开发人员体验的其他方面的改进,以及平台的新功能。

加入我们的社区!

如果您是 Cloudflare Pages 和 Workers 世界的新手,请加入我们的 Discord 服务器并向我们展示您正在构建的内容。无论是 Remix 上的新全栈应用程序,还是简单的静态站点,我们都希望收到您的来信。

我们保护整个企业网络,帮助客户高效构建互联网规模的应用程序,加速任何网站或互联网应用程序抵御 DDoS 攻击,防止黑客入侵,并能协助您实现 Zero Trust 的过程

从任何设备访问 1.1.1.1,以开始使用我们的免费应用程序,帮助您更快、更安全地访问互联网。要进一步了解我们帮助构建更美好互联网的使命,请从这里开始。如果您正在寻找新的职业方向,请查看我们的空缺职位
Cloudflare PagesFull StackCloudflare Workers1.1.1.1 (DE)Serverless开发人员Developer Platform

在 X 上关注

Greg Brimble|@GregBrimble
Cloudflare|@cloudflare

相关帖子

2024年10月31日 13:00

Moving Baselime from AWS to Cloudflare: simpler architecture, improved performance, over 80% lower cloud costs

Post-acquisition, we migrated Baselime from AWS to the Cloudflare Developer Platform and in the process, we improved query times, simplified data ingestion, and now handle far more events, all while cutting costs. Here’s how we built a modern, high-performing observability platform on Cloudflare’s network. ...