快速入门 Edge Function

简介: 将你的动态网站或应用程序像静态资源一样部署在全球多台服务器上,始终靠近用户。

什么是 Edge?

当人们说“the edge”时,他们的意思是您的网站或应用程序将同时托管在全球多台服务器上,始终靠近用户。当有人请求您的网站/应用程序时,他们将被定向到地理位置最接近他们的网站/应用程序。这些分布式服务器不仅服务于静态资源,而且还可以执行可为动态 Web 应用程序提供支持的自定义代码。

Edge 的优势

平均而言,Edge Functions 比 Serverless Functions 具有更高的性能和成本效益。Edge Functions 在全球范围内部署在服务提供商的 Edge Network 上,并且可以在离触发它们的用户最近的区域自动执行。它们也没有冷启动,这意味着它们在执行代码之前不需要额外的时间来启动。

快速开始

Vercel 为开发人员提供了相应的服务,本文将以 Vercel 为平台,Next.js为基础框架,带你部署你的第一个边缘函数。在开始之前,你应该拥有:

第一步:创建一个新的 Next.js 项目

npx create-next-app@latest --typescript

第二步:将代码添加到您的函数

创建pages/api/hello.ts文件:

import { NextRequest, NextResponse } from 'next/server';

export const config = {
  runtime: 'edge', // 指定函数的运行时
};

export default (req: NextRequest) => {
  return NextResponse.json({
    name: `Hello, from ${req.url} I'm now an Edge Function!`,
  });
};

第三步:部署

将创建的 Next.js 项目提交到Github。登录 Vercel 平台后,在 dashboard 上添加一个新项目。

image-20230220135607842.png

绑定你的 Github 账号后,选择刚才提交到 Github 的项目,开始部署!

image-20230220135815069.png

访问 vercel 给你的域名就可以访问你的项目,如:https://your-project-name.vercel.app/

访问 域名+/api/hello 就会执行 Edge Function 了。

第四步:查看日志

在dashboard中,单击已部署的项目并选择Functions选项卡。此选项卡显示项目中任何正在运行的函数的日志。使用下拉菜单选择函数api/hello就可以看到日志。

总结

你已经初步认识并部署了你的第一个边缘函数。希望能对你有帮助!

参考资料

相关文章
|
边缘计算 关系型数据库 分布式数据库
PolarDB Supabase Edge Functions - 让函数,随时可用
PolarDB Supabase Edge Functions 是现代全栈开发的无服务器引擎,基于 Deno 运行时构建,支持在全球边缘节点部署自定义代码,实现低延迟、高可用的 API 与事件处理。它提供 CLI 和可视化 Studio 两种开发方式,打造高效开发闭环。相比开源版 Supabase,PolarDB Supabase 在公有云环境中实现了完整功能闭环,兼顾企业级控制力与便捷开发体验。
PolarDB Supabase Edge Functions - 让函数,随时可用
|
6月前
|
弹性计算 人工智能 关系型数据库
阿里云目前价格最便宜的轻量应用服务器和云服务器解析:配置、价格、适用场景与购买资格
2026年阿里云推出四款高性价比云服务器:两款轻量应用服务器与两款ECS。轻量应用服务器抢购价分别为38元/年、9.9元/月或199元/年,适合预算有限的新用户,支持快速部署个人博客、企业官网及AI助理等。ECS经济型e实例与通用算力型u1实例特惠价分别为99元/年、199元/年,面向个人与企业新老用户,适用于小型网站、开发测试及轻量级企业应用,提供稳定性能与长期成本可控性。
|
9月前
|
人工智能 并行计算 物联网
大模型训练全攻略:从GPU选择到模型调优,一篇搞定
AI博主maoku详解大模型微调:从显存估算、GPU选型到LoRA实战,覆盖硬件配置、精度权衡、过拟合应对及完整训练代码,助你低成本高效入门大模型训练。
大模型训练全攻略:从GPU选择到模型调优,一篇搞定
|
11月前
|
机器学习/深度学习 人工智能 前端开发
终端里的 AI 编程助手:OpenCode 使用指南
OpenCode 是开源的终端 AI 编码助手,支持 Claude、GPT-4 等模型,可在命令行完成代码编写、Bug 修复、项目重构。提供原生终端界面和上下文感知能力,适合全栈开发者和终端用户使用。
61063 11
|
JSON Shell API
查手机号归属地免费API接口教程
本接口提供手机号码归属地查询功能,支持获取号段、归属地省份/城市、运营商、区号、邮编等信息。请求地址为 `https://cn.apihz.cn/api/ip/shouji.php`,支持 POST 或 GET 方式调用,需提供 `id`、`key` 和 `phone` 参数。返回包含归属地信息及运营商等数据,适用于手机号归属查询场景。
3374 6
|
存储 人工智能 数据可视化
2025年技术团队必看:10款提升研发效率的知识管理工具深度评测
在数字化时代,知识管理已成为提升个人与企业竞争力的关键。2025年,随着AI、大数据和云计算的发展,知识管理工具正向智能化、协作化方向演进。本文精选10款必备工具,涵盖Notion、Obsidian、语雀、飞书文档等,助你构建高效知识体系,把握未来趋势。
1654 0
|
数据可视化 前端开发 JavaScript
地图可视化的艺术:深入比较Mapbox、OpenLayers、Leaflet和Cesium,不同场景下应如何选择地图库
选择合适的地图库取决于项目的需求、团队的技术栈以及预算等因素。简单来说,新手可以从leaflet入手;GIS开发使用openlayers会更顺手一些;mapbox适应大多数2D和2.5D场景,可视化效果好,但是不开源;cesium更侧重于3D场景。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出
inno setup打包软件学习
如何使用Inno Setup打包软件,包括打包结果的展示、示例打包脚本的提供、常见错误的解决方法,以及参考资料的链接。文中详细解释了解决“另一个程序正在使用此文件”和“桌面图标无法修改”等问题的方法,以及如何正确设置打包脚本中的文件路径和图标。
1494 1
inno setup打包软件学习