前端开发人员当后端没有给你接口的时候，如何进行功能测试？

admin管理员组

文章数量:1794759

前端开发人员当后端没有给你接口的时候，如何进行功能测试？

MOCK.JS 官方给出的评价（自吹一波）： 1. 前后端分离 : 让前端攻城师独立于后端进行开发。 2. 增加单元测试的真实性 :通过随机数据，模拟各种场景 3. 开发无侵入 ：不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。 4. 用法简单 ：符合直觉的接口。 5. 数据类型丰富 ：支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。 6. 方便扩展 ：支持支持扩展更多数据类型，支持自定义函数和正则。

说说我的一些使用心得吧： 使用mockjs模拟数据；mockjs可以生成随机数据，拦截 Ajax 请求；平时有两种使用方法： 一种是结合node使用，先用node的express搭建一个项目，然后在项目的route文件夹下的js文件中，配置不同的路由，比如list提供商品列表数据，banner提供首页轮播数据；对应的路由里面写相应的mockjs代码来生成数据；这就相当于一个本地的后台服务器接口了，前台需要调取数据的地方，使用ajax请求对应的本地路径，就可以请求到模拟出来的数据； 另一种是直接在js文件中模拟生成数据，代码写在ajax调取数据之前，使用Mock.mock( rurl, template )；这里的url可以写真实的路径，比如访问baidu/list;如果我们直接用ajax访问，是没有这个接口的，请求不到数据，但是如果我们在ajax之前使用了Mock.mock（url,{code}），这里的第一个参数设置为baidu/list;第二参数里code写mock代码生成的随机数据，下面ajax再请求该地址的时候，mockjs会拦截ajax；所以会请求到mock生成的随机数据；而不会访问真实的baidu网站；测试功能正常后，可以和后台人员沟通下提供接口的样式，请求接口的端口号域名前期都可以确定，接口后面路径如果后台提供的和前台模拟写的一样，那么最后后台提供接口给我们时候，只需要把mockjs文件代码删掉，ajax就可以直接访问后台真实数据； 使用mockjs好处。拦截ajax请求，模拟真实数据，模拟数据请求的方式等，无需等待后台，让我们开发变得快捷；写好后，把自己的需求：比如请求list列表，把路径/list，模拟的数据字段及格式交给后台，让后台调试成这种格式；

本文标签： 给你开发人员后端接口功能