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

JeOam 发布于2019-08-20 12:04 / 2602人阅读

摘要：使用方法介绍下载源码，并执行安装启动服务，。如图，我们创建一个接口可以实时预览格式化的数据和提示错误。

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

无数据库的情况下，实现数据持久化，通过api url返回json 数据，提高前端开发效率！
项目地址 ：local-ajax-pai

实现功能

完整的操作页面

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

创建的接口保存到本地

支持重新编辑

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

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

提供url跨域调用
下载完成安装依赖就可使用

背景

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

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

方案

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

直接代码里面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 安装模块）

打开首页 http://localhost:3000/ 建议chrome浏览器查看

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

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

使用接口，根据刚刚创建的url：testapi 生成一个链接 http://localhost:3000/getjson...
可以在控制台调用一下这个url可以看出就是我们刚刚存储的json数据。

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

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

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

总结

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

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

项目地址 ：local-ajax-api

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/80787.html

实现前后端分离的心得

摘要：实现前后端分离的心得对目前的来说，前后端分离已经变得越来越流行了，越来越多的企业网站都开始往这个方向靠拢。前后端工作分配不均。实现前后端分离的心得对目前的web来说，前后端分离已经变得越来越流行了，越来越多的企业/网站都开始往这个方向靠拢。那么，为什么要选择前后端分离呢？前后端分离对实际开发有什么好处呢? 为什么选择前后端分离在以前传统的网站开发中，前端一般扮演的只是切图的工作...

zilu 2019-08-26 12:25 评论0 收藏0
精读《Serverless 给前端带来了什么》

摘要：前端框架总是带入后端思维，而则是把前端思维带入了后端运维。前端同学对应该尤为激动。而带来了进一步优化的空间。当服务器面临攻击重启磁盘故障时，打开复杂的工作台或登陆后一通操作才能恢复。 1. 引言 Serverless 是一种无服务器架构，让用户无需关心程序运行环境、资源及数量，只要将精力 Focus 到业务逻辑上的技术。现在公司已经实现 DevOps 化，正在向 Serverles...

wizChen 2019-08-26 13:35 评论0 收藏0
node入门基础

摘要：入门是一门基于的后台编程语言，由于其解析引擎为引擎，性能比较强大，再加上与前端语言关系更为密切的先天优势，使其在众多后台编程语言中脱颖而出。那么线程呢，线程，有时被称为轻量级进程，，是程序执行流的最小单元。 node入门 nodejs是一门基于JavaScript的后台编程语言，由于其解析引擎为V8引擎，性能比较强大，再加上与前端语言关系更为密切的先天优势，使其在众多后台编程语言中脱颖...

wujl596 2019-08-20 17:51 评论0 收藏0
大话后端开发的奇淫技巧大集合

摘要：，大家好，很荣幸有这个机会可以通过写博文的方式，把这些年在后端开发过程中总结沉淀下来的经验和设计思路分享出来模块化设计根据业务场景，将业务抽离成独立模块，对外通过接口提供服务，减少系统复杂度和耦合度，实现可复用，易维护，易拓展项目中实践例子 Hi，大家好，很荣幸有这个机会可以通过写博文的方式，把这些年在后端开发过程中总结沉淀下来的经验和设计思路分享出来模块化设计根据业务场景，将业务...

CloudwiseAPM 2019-08-06 13:33 评论0 收藏0