最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

server-mock 最简单好用的mock 工具

XAMPP教程 中文小张 82浏览 0评论

很多初学者在学到 ajax 的时候都会遇到下面类似的问题:

Q:ajax 是什么?

A:ajax是你可以在不刷新页面的情况下向后台发送请求获取数据

Q:我这根据教程写了个 ajax,怎么没反应?

A:你需要搭建个服务器,把你写的 html 文件放到服务器里,在浏览器使用 http://xxx 的方式访问这个文件才可以

Q:服务器怎么搭建?

A:你可以在自己的电脑上安装 Apache和 PHP,前者是 WEB 服务器,后者是服务端语言用于处理请求根据参数发送对应的数据。简单起见可以安装XAMPP套件,这是一个软件包,自动会给你安装好搭建后台环境所需要的所有软件。 如果你会 nodejs 的话可以使用 nodejs 写个简单的webserver,那什么都不用安装了。

Q:nodejs 还不会。 XAMPP 安装好了,也根据教程启动了,怎么还不行??

A:需要修改配置文件,定向到你需要的目录

Q:PHP 没学过啊?

A:自己去看语法!!

……

Q: 心好累,学 ajax 怎么这么难…

 

现在有了server-mock

Q:我这根据教程写了个 ajax,怎么没反应?
A:nodejs之前安装过了吧,执行 npm install -g server-mock,全局安装 server-mock这个工具
Q:安装好了,然后呢
A:在你当前文件夹创建 router.js, 在里面用于处理请求, 形如

app.get('/hello', function(req, res) {
	res.send({
		status: 0,
		msg: "hello 饥人谷"
	});
});

然后执行 mock start 开启服务器就能用了
Q:成功了!这貌似是js 的语法,但看不是很懂,对于 post 请求怎么办?如果请求带参数怎么办?能不能模拟一些动态页面,比如打开一个 url 会把数据塞到模板展示渲染后的页面?
A:都可以的,这里使用 node-express的路由处理这块的语法。现在不知道没关系,可以执行 mock init 创建几个范例文件,比着葫芦画瓢就行了。

 

具体使用方法:server-mock

下载地址:server-mock

github 地址:GitHub – jirengu/server-mock: a simple mock server for ajax testing

文章来源:xampp中文组官网

转载请注明:XAMPP中文组官网 » server-mock 最简单好用的mock 工具