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

使用 NodeJs 实现本地接口系统,解决前后台开发最后一公里

无数据库的情况下,实现数据持久化,通过api url返回json 数据,提高前端开发效率!

项目地址 :local-ajax-pai

实现功能

完整的操作页面

首页展示所有保存的接口列表

创建的接口保存到本地

支持重新编辑

编辑过程实时预览和错误提示

根据接口名称或者url进行检索

提供url跨域调用

下载完成安装依赖就可使用

背景

前端开发工作中一个重头戏就是和后台实现数据交互。很多前端入门不久的同学(譬如我)在涉及到和后台交互的时候,都需要等待后端开发做好,给了数据才可以继续,就是所谓的串行开发。

bVE9PQ?w=385&h=92

但是实际上我们并不需要等后台开发完成,只要一开始的时候双方约定好数据格式,前端自己模拟一些数据就可以投入工作,这样就可以并行开发,效率可以显著提高

bVE9QX?w=282&h=109

方案

上面的问题可以有多种解决方案

直接代码里面js本地造数据

...

var data = {...}

...

//这种方案适合小型结构的数据,一旦数据过于庞大,不适合放在js文件里面,不利于维护

//不能很好的模拟ajax

$.ajax({

url:'..'//这个时候ajax接口不存在,调不通

})

//不能重复利用,上生产肯定要删掉

使用mockjs,这个网上有丰富的介绍,这里就不说了,可以直接百度

实现本地化接口服务

本文介绍了一个简单的平台化方案,创建一个本地化的服务系统,这样得到数据格式之后,本地生成一个可用的 url 用于ajax请求,而且还可以让数据持久化,如果放在局域网内,接口还可以共享给小伙伴。

说到持久化,那么必须涉及到数据的存储,用于存储的数据库有很多,我以前用过mongodb结合nodejs使用,也是蛮好的,但是数据库安装也蛮麻烦的,我们这里有一个更简便的,硬盘本身就是一个“数据库” ,所以我们可以使用nodejs的fs模块直接创建json文件,读取json文件。这样创建的每一个json文件都对于一个接口服务,只要不删除,就可以一直重复利用。

使用方法介绍

github下载源码,并执行 npm install 安装

启动node服务,node app.js。 (建议使用 supervisor app.js 可以自行重启服务,通过npm install supervisor -g 安装模块)

点击创建接口,API名称用来描述接口左右,API url用来调用数据,都是必填。如图,我们创建一个接口 testapi 可以实时预览格式化的json数据和提示错误。(建议使用网上更完整的工具预览,可以快速定位格式错误。)

bVFnCe?w=1238&h=459

创建完成点击最下面的保存按钮,提示保存成功就完成了接口的创建!

使用接口,根据刚刚创建的url:testapi 生成一个链接 http://localhost:3000/getjson...

可以在控制台调用一下这个url可以看出就是我们刚刚存储的json数据。

bVE9Xs?w=813&h=97

搜索功能:在搜索框输入接口中文描述名称或者apiurl的名称即可。

二次编辑功能:创建完成接口之后,首页或者搜索结果会显示二次编辑入口,点击就会显示上次保存的数据和格式

bVE9X0?w=1223&h=467

注意:ajaxapilist.json 存着一张关系表,对应所有的接口描述名称和url,用于查询,建议不要修改,

总结

本文是我对前后端合作开发过程中的一个思考!

以上仅是个人看法,如果有误,感谢指导!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值