前端使用MOCK平台提高研发效率

前端使用MOCK平台提高研发效率

解决问题：在过往开发的过程中，前端与后端接口对接是不可或缺的一环，这一环往往需要前端后端两个角色一起参与，一起连调并且解决问题，这样既占用了人力又耽误时间，因此建议使用mock平台来将前后端解耦。

开发流程

1. 开发前，确定接口路径，参数，逻辑

主责任人：前端
参与人员：前端、后端、产品
预计时间：10分钟/功能
操作说明：前端后端开发者与产品讨论理解功能，前端重点理解功能要做成的效果图，进而思考并与后端讨论确定：为实现功能交互需求需要什么数据，需要后端提供什么API，API需要返回的参数。讨论结束，由前端负责将mock api记录在mock平台，并备注接口功能描述、附带逻辑。

2. 前端开发

操作说明：前端开发时，先将前面讨论好的mock api转换为service调用接口，调用地址为mock平台地址，接下来基于mock数据负责实现功能对应的界面效果、交互需求，如若发现需要api发生变动（最好申请并记录），去mock平台修改数据，并通知后端同学。

3. 连调测试

方案一：前端完成功能开发后、通知后端同学，由后端负责将mock api转换为自己的api，并且负责点击测试是否对接成功，如果发现问题（此处相当于一轮预测试）通知前端修改，由后端测试后交付功能给测试，此时开发阶段完成。
方案二：前后端连调测试由由测试负责，前端只负责对接mock api完成功能开发，后端只负责完成api开发，并且编写单元测试用例，后端代码质量保障完成由单元测试负责，推进使用单元测试覆盖对外api，一方面可以通过单元测试自动化优势提高开发效率，另一方面后端可以省掉连调时间但需要编写单元测试（单元测试的测试用例由测试负责编写可能会更好）时间，但是单元测试对于代码后期的可维护性可以平衡付出的成本。

参考平台：https://www.easy-mock.com/login

Docker 安装 Easy-mock搭建

项目官网： https://www.easy-mock.com/login
依赖：nodejs、mongo、redis
docker镜像地址：https://hub.docker.com/r/blackcater/easy-mock

同步官方镜像到自己harbor

1. 登录harbor平台，创建项目easy-mock、mongo
2. 本地拉取镜像

docker pull mongo
docker pull blackcater/easy-mock

# 查看已经拉下来的镜像
dokcer images

3. 给镜像打标签

docker tag blackcater/easy-mock:latest harbor_host/easy-mock/easy-mock:latest
docker tag mongo:latest harbor_host/mongo/mongo:latest

4. push镜像到harbor仓库

docker push harbor_host/mongo/mongo:latest
docker push harbor_host/easy-mock/easy-mock:latest

问题：denied: requested access to the resource is denied

push镜像时报错denied: requested access to the resource is denied，一般原因可能是没有登录或者登录失效，这里是因为需要先在harbor平台创建项目，开始没有创建所以报错。

# 登录harbor
docker login harbor_host

docker环境启动

docker run -it -d --name my-mongo mongo/mongo
docker run -it -d -p 7300:7300 --link my-mongo:mongo --name my-easy-mock easy-mock/easy-mock