当前位置: 首页 > 后端技术 > Node.js

使用 NodeJs 实现一个本地接口数据系统,无需数据库,让前端独立于后台开发

时间:2023-04-03 22:31:30 Node.js

使用NodeJs实现无需数据库的本地接口数据系统,让前端开发独立于后台json数据,提高前端开发效率!项目地址:local-ajax-pai实现全功能操作页首页显示所有保存的接口列表创建的接口保存到本地支持重新编辑编辑过程实时预览和错误提示根据接口名称或url检索提供url交叉-domaincalldownload完成依赖安装后,就可以使用后台了。前端开发工作中最重要的工作之一就是实现与后台的数据交互。很多刚接触前端的同学(比如我)在跟后台交互的时候需要等后台开发完成,给数据后才能继续,也就是所谓的串行开发。但其实我们不需要等后台开发完成。只要一开始双方就数据格式达成一致,前端就可以自己模拟一些数据开始工作了。这样就可以实现并行开发,可以显着提高效率。这种方案在代码中直接在js中创建本地数据...vardata={...}...//这种方案适用于小型结构数据。一旦数据太大,就不适合放在js文件里,不利于维护//不能很好的模拟ajax$.ajax({url:'..'//ajax接口做的此时不存在,无法调整})//不能复用,必须在生产中删除,使用mockjs,这个网上有丰富的介绍,这里就不说了。可以直接实现百度的本地化接口服务。本文介绍了一个简单的平台解决方案来创建一个本地化的服务系统。获取到数据格式后,就可以在本地生成一个可用的url来使用了。适用于ajax请求,也可以让数据持久化。如果放在局域网内,还可以把界面分享给小伙伴。说到持久化,就一定涉及到数据存储。有许多数据库用于存储。之前用过mongodb配合nodejs,也不错,就是数据库安装也比较麻烦。这里我们有一个更简单的,硬盘本身就是一个“数据库”,所以我们可以使用nodejs的fs模块直接创建和读取json文件。这样创建的每一个json文件都是针对一个接口服务的,只要不删除,就可以永远重复使用。使用方法介绍github下载源码,执行npminstall安装并启动node服务,nodeapp.js。(建议使用supervisorapp.js自行重启服务,通过npminstallsupervisor-g安装模块)打开首页http://localhost:3000/建议chrome浏览器查看,点击即可创建一个界面。APIname用来描述界面的左右,APIurl用来调用数据,都是必填项。如图所示,我们创建一个接口testapi,可以实时预览格式化json数据,并提示错误。(建议使用网上比较完善的预览工具,可以快速定位格式错误。)创建完成后,点击底部的保存按钮,如果提示如下,则界面创建完成保存成功!使用接口根据刚刚创建的url生成一个链接http://localhost:3000/getjson:testapi...你可以在控制台调用这个url可以看到是我们刚刚存储的json数据。搜索功能:在搜索框中输入接口的中文描述名称或apiurl名称。二次编辑功能:界面创建后,首页或搜索结果会显示二次编辑入口,点击显示上一次保存的数据和格式注:ajaxapilist.json存储了一张关系表,对应所有的界面描述名称和url用于查询,建议不要修改。这篇文章的总结是我对前后端合作开发过程的感悟之一!以上仅为个人看法,如有错误,多谢指教!项目地址:local-ajax-api