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

柔光的暖阳◎ 2022-01-09 18:11 267阅读 0赞

# 前端使用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

1.  给镜像打标签

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

1.  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平台创建项目，开始没有创建所以报错。