当前位置: 首页 > Web前端 > HTML

Eoapi+Vercel+Serverless,部署一个API调试工具

时间:2023-03-28 14:40:51 HTML

这个例子超详细,跟着做,你将:光速上手Vercel和ServerlessFunctions,获得专用API工具,正是和图片一样。一、概念分析1、什么是Serverless?Serverless架构即“无服务器”架构,是云计算时代一种全新的架构方式和革命性的架构模式。Serverless的核心思想是让服务器作为计算资源不再需要被用户关注。FaaS(FunctionsasaService)功能就是一种服务。FaaS是无服务器计算的一种形式。稍后,我们将使用无服务器API来实现一个服务,该服务使用Node来帮助客户端发送API请求并获得响应。如果看完之后还是一头雾水,那就继续看吧。2.什么是Eoapi?一个可扩展的开源API工具就是开头的图片,你可以用它来快速调试API,可以体验demo地址。3.什么是Vercel?Vercel是一个站点托管平台,类似于GithubPages,你把网页构建的代码丢给你,返回给你一个web服务链接,支持持续集成,可以关联Push、PR,提交代码后自动部署。二、快速入门1、ForkEoapi仓库访问:https://github.com/eolinker/e...Fork成功后,可以在自己的Repositories中看到Eoapi。2、配置Vercel访问:https://vercel.com/注册成功后,点击NewProject配置Vercel访问Github项目权限,选择Eoapi配置安装、构建命令、构建后文件夹,点击Build按钮配置后。BUILDCOMMAND:cdsrc/workbench/browser&&npmrunbuild:webOUTPUTDIRECTORY:src/workbench/browser/distINSTALLCOMMAND:npminstall&&cdsrc/workbench/browser&&npminstall您可以通过此链接访问您的专属API工具!3.无服务器功能1。源码解析在api文件夹下有一个名为unit.js的文件。当我们部署到服务器上,就变成了HTTP接口,一个接口一个文件,接口地址是api/,是不是简单粗暴~ServerlessFunctions让我们写接口像写纯函数一样简单.我们只需要导出一个纯函数,通过函数的第一个入参req获取请求体,然后传入第二个入参res.end()返回响应体,就可以快速发布一个API。让_LibsFlowCommon=require('../src/workbench/node/request/unit.js');让_LibsCommon=require('../src/workbench/node/request/libs/common.js');模块。exports=(req,res)=>{console.log('unit.js',req.body);尝试{让数据=req.body.data;data.env=_LibsCommon.parseEnv(data.env);new_LibsFlowCommon.core().main(data,(tmpInputReport,tmpInputHistory)=>{res.end(JSON.stringify('我是响应'));});}catch(e){console.error('unit.js',e,req.body);}};2。如何在本地调试Vercel。官方提供了cli工具npmi-gvercelverceldev。剩下的按照命令行说明配置好后,就可以在本地调试ServerlessFunctions了。4.从作者来说,我是Eoapi的开发者。使用上述步骤配置现场演示。如果您对该项目感兴趣,请继续关注我们的项目:https://github.com/eolinker/e...。说实话,第一次配置Vercel的时候还是踩了很多坑,但是整体体验还是很不错的。基本上我手头的所有站点都已迁移到Vercel。除了Eoapi,我还部署了我的官网和一个抽奖程序,非常爽。哎,你也可以试试把它部署成一个小作业,看看你是否掌握了知识点。Github地址:https://github.com/moshang-xc...5.参考资料Serverless(无服务)基础知识-掘金三分钟看懂什么是Serverlesshttps://segmentfault.com/a/11..。什么是Serverless架构和FaaS函数即服务?下载VercelCLI–Vercelhttps://vercel.com/docs/conce...