前端数据模拟是如何做的


前端与后端通常要做ajax的数据交互,在双方互调之前,前端是如何做模拟测试的?

彼此先定好交互方式和接口,然后前端就不用等待后端提供测试接口了,自己测试,修正问题。

有好的解决方案么?

我只知道有个jQuery的插件,mockjax,但是这样做,有种测试代码乱入的感觉。

前端 Ajax 后端

●゛小光棍丶 10 years, 11 months ago

npm install http-server

  1. 从npm安装http-server。
  2. 命令行里 http-server 即可快速地以当前目录启动一个临时的http服务。
  3. 然后从 localhost:端口号 打开要调试的页面就可以了。
  4. 需要什么模拟数据就在相应URL对应目录下创建一个文件把模拟数据放进去就可以

例子:

  • 假设工作目录在 /workspace/project
  • cd /workspace/project
  • http-server 启动服务
  • /workspace/project/mockdata/foobar 这个文件里放着模拟数据
  • /workspace/project/html/index.html 这个为要调试的页面
  • 在调试页面里请求 /mockdata/foobar 即可获取模拟数据
  • 注意: 调试的页面要从 localhost:端口号/html/index.html 打开

以上各种路径URL请根据自己情况替换

千酱ど露酱 answered 10 years, 11 months ago

  1. 约定数据结构
  2. 约定数据字段名称
  3. 模拟数据传输场景

1 跟 2 前端与后端开发商量,我觉得一般还是前端来定好一些,当然看项目主导是谁了。
3 的话用 fiddle 等一般的工具可以模拟,这是另一个话题,就不细说了。

bearken answered 10 years, 11 months ago

定好json交换的格式,可以选择自己定义一个json对象当作后台传入的数据。当然,如果你觉得仿真度不高,可以用一些前台的模板。

﹀ァ亂髮ヤ answered 10 years, 11 months ago

Your Answer