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

本文涉及的产品
简介: 这是一个超详细的实例,跟着做完你会:- 光速入门 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



五、参考资料

相关实践学习
基于函数计算一键部署掌上游戏机
本场景介绍如何使用阿里云计算服务命令快速搭建一个掌上游戏机。
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
目录
相关文章
|
2月前
|
数据可视化 Linux API
如何在Linux使用docker部署Swagger Editor并实现无公网IP远程协同编辑API文档
如何在Linux使用docker部署Swagger Editor并实现无公网IP远程协同编辑API文档
|
2天前
|
API
钉钉API调试工具使用
钉钉API调试工具使用
|
14天前
|
缓存 运维 Serverless
Serverless 应用引擎产品使用之阿里函数计算中。将本地电脑上的项目文件部署到阿里云函数计算(FC)上并实现对外提供API和WebUI如何解决
阿里云Serverless 应用引擎(SAE)提供了完整的微服务应用生命周期管理能力,包括应用部署、服务治理、开发运维、资源管理等功能,并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景,帮助企业快速构建、部署、运维和扩展微服务架构,实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述,包括应用管理、服务治理、开发运维、资源管理等方面。
33 1
|
14天前
|
机器学习/深度学习 人工智能 API
人工智能平台PAI产品使用合集之机器学习PAI-EAS部署好后,服务的公网API和URL怎么配置
阿里云人工智能平台PAI是一个功能强大、易于使用的AI开发平台,旨在降低AI开发门槛,加速创新,助力企业和开发者高效构建、部署和管理人工智能应用。其中包含了一系列相互协同的产品与服务,共同构成一个完整的人工智能开发与应用生态系统。以下是对PAI产品使用合集的概述,涵盖数据处理、模型开发、训练加速、模型部署及管理等多个环节。
|
17天前
|
API
工作流JBPM操作API删除流程&部署流程
工作流JBPM操作API删除流程&部署流程
16 0
|
17天前
|
API 数据库
工作流JBPM操作API部署流程
工作流JBPM操作API部署流程
19 0
|
1月前
|
API 监控 开发者
淘宝评论数据API接口:洞察消费者声音的关键工具
随着全球电商的快速发展,速卖通(AliExpress)作为知名的跨境电商平台,为卖家提供了广阔的销售渠道。为了更好地满足卖家的需求,速卖通提供了丰富的API接口,使卖家能够自动化、高效地管理商品、订单和用户数据。本文将围绕速卖通AliExpress API接口开发系列展开探讨,帮助卖家更好地理解和应用这些接口。
|
1月前
|
监控 测试技术 API
api管理工具的新发现
该内容介绍了两款强大的API管理工具——Apifox和Eolink。Apifox集成了Postman、Swagger、Mock和JMeter的功能,提供一体化的API协作平台,提高开发、测试效率。Eolink则包括API设计、自动化测试和团队协作的apikit,以及集成第三方API的apispace。两者都提供便捷的官网和丰富的资源,值得一试。
30 0
|
2月前
|
分布式计算 DataWorks 大数据
DataWorks常见问题之使用API删除之前的部署文件失败如何解决
DataWorks是阿里云提供的一站式大数据开发与管理平台,支持数据集成、数据开发、数据治理等功能;在本汇总中,我们梳理了DataWorks产品在使用过程中经常遇到的问题及解答,以助用户在数据处理和分析工作中提高效率,降低难度。
|
3月前
|
存储 关系型数据库 API
Python 任务自动化工具:nox 的配置与 API
Python 任务自动化工具:nox 的配置与 API
24 0