前端技术演化史

Edge边缘运行时

Properties1
tags部署, 托管, edge, 边缘计算, workers, edge-ssr

11分钟阅读

🛰️ Edge 边缘运行时

一句话定性

Edge 是”算力向用户靠近”这条主线的当前终点:代码不再跑在某个遥远的数据中心,而是跑在离用户最近的那个 CDN 边缘节点上,冷启动从秒级压到毫秒级。它让 CDN与静态托管的”货架”长出了”前置厨房”——动态、个性化的内容,也能像静态文件一样快地送到用户面前。

一、它是什么 & 出现的时代

Edge Runtime(边缘运行时) 指一类部署在全球边缘节点、用轻量化运行时执行代码的环境。代表:

产品时间底层
Cloudflare Workers2017 发布,开创品类V8 isolate(非容器、非进程)
Vercel Edge Functions / Edge Middleware2021 起基于 V8 isolate(Cloudflare 之上)
Deno Deploy2021 起Deno 运行时,全球分发

它是 2023-未来 AI时代前夜至今的前沿基础设施,与 Edge SSR、RSC(见 渲染模式演进史)深度纠缠。

Edge ≠ 又一种 Serverless,它是"更近 + 更轻"的 Serverless

Edge 与 Serverless与FaaS 同属”按需函数”,但有两点本质不同:

  1. 位置:Serverless(如 Lambda)跑在某个固定区域的数据中心;Edge 跑在全球上百个边缘节点,就近执行。
  2. 隔离技术:传统 FaaS 为每个函数拉起一个容器/微型 VM(启动慢);Edge 用 V8 isolate——同一个进程里隔离出轻量沙箱,几乎零启动开销。这就是毫秒级冷启动的秘密。

二、为什么会出现(解决上一代什么痛点)

它要补上 Serverless与FaaS 和 CDN与静态托管各自的短板:

上一代留下的两道墙

  1. CDN 只会缓存静态、不会算:个性化首页、按地区定价、登录态视图、A/B 测试——这些”因人而异”的内容,传统 CDN 无能为力(见 CDN与静态托管),只能回源,延迟优势瞬间归零。
  2. 区域型 Serverless 离用户远、冷启动慢:Lambda 跑 SSR 时,既有几十毫秒到数秒的冷启动,又部署在某个固定区域——给地球另一端的用户做 SSR,网络往返就吃掉一大截时间(见 Serverless与FaaS)。

Edge 的破局点:把”会算的函数”放进”离用户最近的 CDN 节点”,并让它启动得足够快(毫秒级),快到每个请求现场算都不心疼。 于是”动态”和”低延迟”这对长期对立的矛盾,第一次被同时满足。

三、核心机制 & 为什么流行

V8 isolate:毫秒冷启动的根源

传统 FaaS 冷启动               Edge(V8 isolate)冷启动
[拉容器]→[启动 OS/运行时]      [同一进程内开一个轻量沙箱]
   ~ 100ms ~ 数秒                  ~ < 5ms
  • 一个进程里可以同时跑成千上万个 isolate,彼此内存隔离但共享底层引擎——不为每个函数付”启动一台机器”的代价,所以冷启动可忽略。

三大杀手级用法

Edge 解锁了什么

  • Edge Middleware(边缘中间件):在请求”落地”前,在最近的节点上做鉴权、重定向、地理路由、A/B 分流、灰度——用户毫无延迟感知。这是 Edge 最先普及的用法。
  • Edge SSR:把服务端渲染(见 渲染模式演进史)下沉到边缘节点执行。SSR 一直受困于”服务器压力 + TTFB 慢”,而 Edge SSR 让渲染发生在离用户最近处,首屏又快又能个性化。
  • 个性化 + 低延迟兼得:过去”个性化”意味着回源现算(慢),“快”意味着静态缓存(不能个性化)。Edge 让两者合一——这正是它”让动态内容也能像静态一样快”的核心价值。

为什么它与运行时演进同频

Edge 的运行时是"Web 标准的子集",而非完整 Node

Edge 运行时提供的是 Web 标准 API(fetch、Request/Response、URL、Web Streams、crypto…),而不是完整的 Node.js API(没有 fs、原生 net、完整 Buffer 等)。

这恰好解释了为什么 Deno 和 Bun 这两个新运行时(见 2018-2023 工程化时代)“天生契合 Edge”:它们从设计之初就以 Web 标准 API 为一等公民——Deno 直接用浏览器同款的 fetch/Web Streams,Deno Deploy 本身就是 Edge 平台。运行时层面的”向 Web 标准收敛”,和部署层面的”向边缘收敛”,是同一股潮流的两面。

四、带来的新问题 / 副作用

贴近用户的代价是"能力受限"

  1. 运行时是 Web 标准子集,不是完整 Node:依赖 fs、原生 net、某些 Node 内置模块或大型原生依赖的库,在 Edge 上跑不了。迁移已有 Node 代码常常碰壁。
  2. 资源上限更严:Edge isolate 的 CPU 时间、内存、bundle 体积都有严格限制(为了能在边缘大规模并发)。重计算任务不适合放 Edge,得退回区域 Serverless与FaaS。
  3. 数据访问的新难题:函数离用户近了,但数据库往往还在某个中心区域——边缘函数访问远端数据库反而要跨洲往返,“算力近了、数据远了”成了新矛盾(催生边缘数据库、边缘 KV 缓存等配套)。
  4. 环境差异 = 调试与心智负担:同一份代码,在 Node、Edge、浏览器三种环境下行为可能不同;哪段跑 Edge、哪段跑 Node,成了新的架构决策点。

五、为什么会衰落 / 现状

远未衰落——它是当前前沿,且正在分层与下沉

Edge 是当下进行时的技术。它没有”衰落”,但格局正在清晰化:

  • 分层共存:轻量、低延迟、贴近用户的逻辑(中间件、个性化、Edge SSR)放 Edge;重计算、需完整 Node API 的放区域 Serverless与FaaS;纯静态继续走 CDN与静态托管。元框架(如 Next.js)让开发者逐路由/逐组件指定 runtime,把这三档变成配置项。
  • 与 RSC 的结合是最新前沿:React Server Components(见 渲染模式演进史)让渲染下沉到组件级,而 Edge 让这种服务端渲染发生在离用户最近处——RSC 决定”在服务端渲染什么”,Edge 决定”在哪台机器渲染”,两者正交叠加,是当前框架(配合 Vite 等构建生态)探索的重点。
  • 配套生态在补齐:边缘数据库、边缘 KV、边缘缓存正在解决”数据还在中心”的短板。

六、对后续技术的影响(因果链)

[[CDN与静态托管]](只会缓存静态,不会算)
   │  +  [[Serverless与FaaS]](会算,但离用户远 + 冷启动慢)
   │
   │ 把"会算的函数"塞进"最近的 CDN 节点",并用 V8 isolate 做到毫秒冷启动
   ▼
Edge 边缘运行时   ◄── Cloudflare Workers @ 2017 / Vercel Edge / Deno Deploy
   │
   ├──► Edge Middleware:请求落地前就近鉴权/路由/灰度
   ├──► Edge SSR:服务端渲染下沉到边缘(见 [[渲染模式演进史]])
   ├──► 个性化 + 低延迟兼得 ──► "动态内容也能像静态一样快"
   │
   ├──► 运行时只给 Web 标准子集 ──► 与 [[Deno]]/[[Bun]] 的 Web 标准设计同频
   │                              (运行时收敛 + 部署收敛,同一股潮流)
   │
   └──► 与 [[React]] RSC 结合(渲染下沉到组件 × 执行下沉到边缘)= 当前前沿
            │
            ▼
       全栈 + 边缘成为未来主方向之一(详见 [[未来5到10年前端发展方向]])

历史地位

Edge 是”算力的位置一路向用户靠近”这条主线的当前终点:从中心化服务器 → CDN与静态托管缓存 → Serverless与FaaS按需函数 → Edge 边缘函数,每一步都把计算往用户那头挪了一截,而 Edge 走到了物理上”最近的那一跳”。它用 V8 isolate 化解了冷启动,用全球分发化解了距离,从而第一次同时满足”动态/个性化”和”低延迟”这对老对手——这正是它”让动态内容也能像静态一样快”的本质。代价是运行时退回到 Web 标准子集、能力受限,而这反过来又印证了 Deno/Bun “拥抱 Web 标准”的设计远见。Edge 与 RSC 的结合,是理解今天乃至未来几年前端架构走向的钥匙。

🔗 相关:部署与托管演进史 | Serverless与FaaS | CDN与静态托管 | Jamstack | 渲染模式演进史 | Deno | Bun | Node.js | 2023-未来 AI时代 | 未来5到10年前端发展方向

关系图谱

反向链接