mock服务器?什么是mock测试
各位老铁们,大家好,今天由我来为大家分享mock服务器,以及什么是mock测试的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收藏下本站,您的支持是我们最大的动力,谢谢大家了哈,下面我们开始吧!
数据Mock与后端联调
通常前端开发的时候,我们的页面已经开发完成。但是后端的接口不一定已经写完就了。这时候我们就可以自己去伪造一些符合规范的数据,用于前期的测试,等到后端接口完成的时候我们可以在进行一个接口联调。
对于我们前端来说,我们天生就会一个后端开发语言,nodejs即可实现。
我们只需要创建一个简易服务器,对请求路径进行判断,返回对应的mock数据。
Mock.js可以快速通过模板生成数据。
http://mockjs.com/examples.html
@ctitle(3, 10)
@cparagraph
@cword
@cname
@integer(10, 100)
@float(20, 30, 2, 3)
@color
@date
@time
@now
@id
@url
@image('200x100')
http://rap2.taobao.org
约定好接口的路径是什么?
如
/auth/register
接口的提交类型是什么?
如
GET获取数据
POST提交或创建
PATCH修改数据,部分修改
DELETE删除数据
PUT修改数据,整体替换原有数据
参数类型/格式
如
fromdata或者 application/x-www-form-urlencoded
参数字段限制条件
返回成功的格式
返回失败的格式
当后端给到你接口的时候,你可以使用命令行的 curl语句,进行简单的测试。
什么是mock测试
python有个关于mock服务的框架:mock框架。微服务的接口测试,一般都是使用restful接口。微服务的接口测试主要是通过调用各个服务的接口进行测试。Mock服务想要达到的目的就是:被测服务A不被其他服务所限制,只要被测服务A能走完流程,就可以完成这个接口测试。这个时候就需要用到mock服务,把其他服务用mock服务来替代。
1,首先在软件测试实际应用当中,有许多场景都需要使用mock功能来代替不需要测试的依赖接口。
如:获取验证码,支付等接口
2,可以加深对测试的理解,深入明白测试“输入”和“输出”的不同表达形式,帮助我们掌握测试的核心。
3,最后,学会mock测试后,可以提高自身的技术,脱离功能测试对开发的依赖,成为团队的核心之一。
总之,mock是一个比较好用的功能,如果能学会mock技术,在团队中,可以独立维护一个mock服务器,成为团队技术不可缺少的一部分,也是获取高薪的附加技能之一。
不用mock,前端来建立后端服务以便自己实现接口
不用mock,前端来建立后端服务以便自己实现接口
前端:vue2.x, vue-cli-3.x, vuex, vue-router, axios
后端:nodejs, express, nodemon
1.首先安装nodejs,这个就不赘述了
2.全局安装express npm install-g express-generator
3.express-v查看是否安装成功
4.打开cmd或者其他控制台并进入项目目录,在我的电脑中的项目路径下,选中路径后输入cmd,可以快速用cmd打开此路径
7.全局安装nodemon npm install-g nodemon
8.在cmd中启动服务器 nodemon app
启动成功图如下:
然后再前端页面调用接口
这一步就是写接口啦
然而运行后会发现跨域啦,如下图:
如果是vue-cli 2.x就在config/index.js文件中的 proxy处修改
11.你以为这样就解决跨域了吗,你会发现还是报错
这是因为修改完接口后发现还是报这个错且端口是8080而不是888,原因是修改了代理后,需要重启服务,代理未生效。
12.重启前端服务后,接口请求成功
14.可以看到后端拿到了数据
希望能对跟我一样的前端小白有一些小帮助把!有什么不对或不严谨的的地方也欢迎大家指出哦~
文章分享结束,mock服务器和什么是mock测试的答案你都知道了吗?欢迎再次光临本站哦!