10 分钟部署一个 API 调试工具

本文涉及的产品
函数计算FC,每月15万CU 3个月
简介: 这是一个超详细的实例,跟着做完你会:- 光速入门 Vercel、Serverless Functions- 得到一个和图片一模一样的专属的 API 工具,可以在线测试 API

这是一个超详细的实例,跟着做完你会:

  • 光速入门 Vercel、Serverless Functions
  • 得到一个和图片一模一样的专属的 API 工具,可以在线测试 API

网络异常,图片无法展示
|

一、概念解析

1. Serverless 是什么?

Serverless 架构即“无服务器”架构,它是一种全新的架构方式,是云计算时代一种革命性的架构模式。


Serverless 的核心思想是让作为计算资源的服务器不再需要被使用者关注



FaaS(Functions as a Service)函数即服务,FaaS是 Serverless 计算的一种形式,后续我们将用 Serverless API 实现一个使用 Node 帮助客户端发送 API 请求得到响应的服务。


如果看完还是云里雾里,冇嘢冇嘢接着看。


2. Eoapi 是什么?

一个可拓展的开源 API 工具,就是开头的那个配图,可以用它快速调试 API,可以体验一下 https://eoapi.io


3. Vercel 是什么?

Vercel 是一个站点托管平台, 类似于 Github Pages,你丢上去网页的构建后的代码,还你一个 Web 服务链接,同时支持持续集成, 可以关联 Push、PR,提交代码后自动部署 。


二、快速开始!

1. Fork Eoapi 仓库

访问:https://github.com/eolinker/eoapi



Fork 成功后可以在自己的 Repositories 看到 eoapi。


2. 配置 Vercel

访问:https://vercel.com/

注册成功后点击新建项目



配置 Vercel 访问 Github 项目的权限,选中 Eoapi



配置安装、构建命令以及构建后文件夹,配置好之后点击构建按钮。

  • BUILD COMMAND:cd src/workbench/browser&&yarn build:web
  • OUTPUT DIRECTORY:src/workbench/browser/dist
  • INSTALL :yarn



通过这个链接就可以访问你的专属 API 工具啦!


网络异常,图片无法展示
|


三、Serverless Funcions

1. 源码解析



api 文件夹下有一个名为 unit.js 的文件,当我们部署到服务器时,它就变成了一个 HTTP 接口,一个文件一个接口,接口地址就是 api/,是不是简单粗暴~


Serverless Functions 让我们写接口和写纯函数一样简单



我们只需要 exports 一个纯函数,通过函数第一个入参 req 拿到请求体,再通过 res.end() 返回响应体,就可以快速发布一个 API。

let_LibsFlowCommon=require('../src/workbench/node/request/unit.js');
let_LibsCommon=require('../src/workbench/node/request/libs/common.js');
module.exports= (req, res) => {
try {
letdata=req.body.data;
data.env=_LibsCommon.parseEnv(data.env);
new_LibsFlowCommon.core().main(data, (tmpInputReport, tmpInputHistory) => {
res.send(
JSON.stringify('i am response')
      );
    });
  } catch (e) {
console.error('unit.js', e, req.body);
  }
};


2. 如何本地调试

Vercel 官方提供了 cli 工具

npm i -g vercel
vercel dev

剩下的跟着命令行指引配置完后就可以在本地调试 Serverless Functions 了


四、作者心得

我是 Eoapi 的一名开发者,https://eoapi.io 就是使用上面的步骤配置出来的,如果大家对项目感兴趣,欢迎大家持续关注我们项目:https://github.com/eolinker/eoapi


说实话我第一次配置 Vercel 的时候还是踩了不少坑,但总体来说体验还是很不错的。


我手头上所有的网站基本上都迁移到了 Vercel。除了 Eoapi,我还部署了我的官网、一个抽奖程序,很酷炫。

嘿嘿,你也可以部署试试看,作为检验自己是否掌握知识点的小作业。

Github 地址:https://github.com/moshang-xc/lottery



五、参考资料

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
目录
相关文章
|
2月前
|
消息中间件 运维 Serverless
函数计算产品使用问题之如何部署Stable Diffusion Serverless API
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
26天前
|
缓存 API 网络架构
Nuxt Kit API :路径解析工具
【9月更文挑战第20天】在 Nuxt Kit API 中,路径解析工具如 `resolvePath()`、`joinPaths()` 和 `relativePath()` 帮助开发者高效处理应用路径,确保资源准确加载,并支持动态路由与组件导入。这些工具提升了应用的灵活性和可扩展性,同时需注意路径准确性、跨平台兼容性和性能优化,以提升用户体验。
30 12
|
4天前
|
监控 API 数据安全/隐私保护
2024年开源API工具盘点,覆盖API全生命周期
2024年经济持续低迷,本文整理一些免费的开源工具,旨在帮助企业组织降低工具的支出成本,能用免费的何必用付费的呢(狗头)?
22 0
|
7天前
|
监控 安全 API
Docker + .NET API:简化部署和扩展
Docker + .NET API:简化部署和扩展
16 0
|
9天前
|
监控 安全 API
最完美的扩展Docker + .NET API:简化部署和扩展
最完美的扩展Docker + .NET API:简化部署和扩展
29 0
|
1月前
|
JSON 安全 API
淘宝 API 接口:解锁商品详情的强大工具
淘宝API接口在电商领域扮演着关键角色,为商家和开发者提供强大的数据支持和服务能力。它不仅帮助商家获取商品信息、管理订单和物流,还支持数据分析、价格调整等功能,助力商家在竞争激烈的市场中取得成功。此外,通过注册认证、搭建开发环境等步骤,开发者可快速上手并利用丰富的技术文档和社区支持进行高效开发。
|
1月前
|
缓存 Java 应用服务中间件
随着微服务架构的兴起,Spring Boot凭借其快速开发和易部署的特点,成为构建RESTful API的首选框架
【9月更文挑战第6天】随着微服务架构的兴起,Spring Boot凭借其快速开发和易部署的特点,成为构建RESTful API的首选框架。Nginx作为高性能的HTTP反向代理服务器,常用于前端负载均衡,提升应用的可用性和响应速度。本文详细介绍如何通过合理配置实现Spring Boot与Nginx的高效协同工作,包括负载均衡策略、静态资源缓存、数据压缩传输及Spring Boot内部优化(如线程池配置、缓存策略等)。通过这些方法,开发者可以显著提升系统的整体性能,打造高性能、高可用的Web应用。
59 2
|
2月前
|
开发框架 .NET API
在IIS上部署ASP.NET Core Web API和Blazor Wasm详细教程
在IIS上部署ASP.NET Core Web API和Blazor Wasm详细教程
142 3
|
2月前
|
缓存 API 数据库
打造高性能后端API:从设计到部署的实战之旅
【8月更文挑战第31天】在数字化时代的浪潮中,后端API成为了连接用户、数据与服务的桥梁。本文将带领读者踏上一段从API设计、开发到部署的旅程,通过实际案例分析,揭示如何构建一个高性能的后端系统。我们将探讨现代后端架构的关键要素,包括RESTful API设计原则、数据库优化技巧、缓存策略、以及容器化部署的实践。文章旨在为开发者提供一套实用的方法论,帮助他们在面对复杂业务需求时,能够设计出既高效又可扩展的后端服务。
|
2月前
|
运维 Serverless API
Serverless痛点解决问题之编写并部署一个弹性高可用的 Web API如何解决
Serverless痛点解决问题之编写并部署一个弹性高可用的 Web API如何解决
46 0