如题
问题产生?
:
相信前端开发的都知道,有时候有个新需求,我们前端页面基本都很快都做出来,然后关于js代码中的ajax
这部分的代码都是要等后台弄好接口
(就是提交ajax数据的链接),这就导致我们经常无法提早测试ajax这部分的代码的在实际状况中的问题了(当然,你可以将ajax中的代码抽出来测试,但是这里我们假如不用这种方法)。
想法?
:
有没有这样的方法:在本地用nodejs来接收ajax请求,并返回数据給前台这样一个模拟呢?
如果?的话:有谁能够推荐这方面的文章和?或者视频吗?或者你自己写的Demo。
坐等你的参与和回答
不需要,你可以写一个数据模板当做后台的到的数据使用。当然,如果你非要用nodejs,可以去学习以下nodejs。百度一下就能找到。
何必那么麻烦呢, 直接把将来后端会返回给你的数据做为样本, 保存到你站点的目录下, 然后直接请求这个文件,
将来只需要把 ajax
请求的地址/参数改一下就行了.
举例:
假设你目前有一个需要通过 Ajax 从后端获取数据的需求, 请求的URL地址为123.php
, 但因为是同时开工的, 后端的代码还没有写好, 但后端已经和你约定好你们之间的数据格式了.
$.ajax({
type: "get",
url: "123.php",
dataType: "json",
success: function(data) {
console.log(typeof data, data, data.hello);
}
});
那么 按以下方式来进行模拟, 新建一个 123.js
的文件(文件名任意),
内容为你们约定好的数据样本(保存时注意文件的编码):
比如:
{"ststus":0, "hello":"大家好!!!"}
然后你的 ajax
中请求 123.js
这个文件, 等将来后端做好之后, 将123.js
改为 123.php
即可.
如果是通过 JSONP
方式的也是可以的, 举例:
等后端好的时候, 把 jsonpCallback
的这个注释掉.
完全可以,构建 Mock Server 就可以了。
我最近在撰写一系列的文章,就是为了解决这个问题的:前后端分离之构建 Mock Server 工程(一):概述
知乎上也有讨论:你是如何构建 Web 前端 Mock Server 的?