自己用本地http://120.0.1:8000/接口用来测试,网上是说服服务端:responssetHeader('Access-Control-Allow-Origin','*');,发现一堆问题对于新手并不友好使用下面这个可以模拟后台接口不用担心跨域的问题。
使用NodeJs实现本地接口系统,解决前后台开发最后一公里
无数据库的情况下,实现数据持久化,通过apiurl返回json数据,提高前端开发效率!项目地址:local-ajax-api下载完成安装依赖就可使用
背景
前端开发工作中一个重头戏就是和后台实现数据交互。很多前端入门不久的同学在涉及到和后台交互的时候,都需要等待后端开发做好,给了数据才可以继续,就是所谓的串行开发。但是实际上我们并不需要等后台开发完成,只要一开始的时候双方约定好数据格式,前端自己模拟一些数据就可以投入工作,这样就可以并行开发,效率可以显著提高
方案
上面的问题可以有多种解决方案
直接代码里面js本地造数据...vardata={...}...//这种方案适合小型结构的数据,一旦数据过于庞大,不适合放在js文件里面,不利于维护//不能很好的模拟ajax$.ajax({url:'..'//这个时候ajax接口不存在,调不通})//不能重复利用,上生产肯定要删掉使用mockjs,这个网上有丰富的介绍,这里就不说了,可以直接百度
实现本地化接口服务
本文介绍了一个简单的平台化方案,创建一个本地化的服务系统,这样得到数据格式之后,本地生成一个可用的url用于ajax请求,而且还可以让数据持久化,如果放在局域网内,接口还可以共享给小伙伴。
说到持久化,那么必须涉及到数据的存储,用于存储的数据库有很多,我以前用过mongodb结合nodejs使用,也是蛮好的,但是数据库安装也蛮麻烦的,我们这里有一个更简便的,硬盘本身就是一个“数据库”,所以我们可以使用nodejs的fs模块直接创建json文件,读取json文件。这样创建的每一个json文件都对于一个接口服务,只要不删除,就可以一直重复利用。
使用方法介绍
github下载源码,并执行npminstall安装启动node服务,nodeapp.js。打开首页http://localhost:3000/点击创建接口,API名称用来描述接口左右,APIurl用来调用数据,都是必填。如,我们创建一个接口testapi点击预览按钮可以格式化json数据,不过功能不丰富,建议使用网上更完整的工具预览,可以快速定位格式错误。创建完成点击最下面的保存按钮,提示保存成功就完成了接口的创建!使用接口,根据刚刚创建的url:testapi生成一个链接http://localhost:3000/getjson/testapi可以在控制台调用一下这个url可以看出就是我们刚刚存储的json数据。搜索功能:在搜索框输入接口中文描述名称或者apiurl的名称即可。二次编辑功能:创建完成接口之后,首页或者搜索结果会显示二次编辑入口,点击就会显示上次保存的数据和格式注意:ajaxapilist.json存着一张关系表,对应所有的接口描述名称和url,用于查询,建议不要修改,
总结
个人试了下学习时练习ajax还是很方便的
//举个栗子?
解压后开始安装
并执行npminstall安装
启动node服务,nodeapp.js。
打开浏览器扔进去http://localhost:3000/
开始写接口如上我只写了一个只有字段的接口
拼路径http://localhost:3000/getjson/+nodejstest得到http://localhost:3000/getjson/nodejstest
ajax请求接口或者让道一个浏览器
使用 AJAX 修改该文本内容
//点击button请求
结果
//嵌套接口写法
{'a':[11,2,333,44,5],'b':{'bb':22,'bbb':222},'c':3}
数据结构:
请求结果:
NodeJs本地搭建服务器,模拟接口请求,获取json数据https://www.jianshu.com/p/80307e1a86ff
文章为作者独立观点,不代表股票交易接口观点