经验复盘-使用docker方式搭建mock数据平台
theme: smartblue
「Offer 驾到,掘友接招!我正在参与2022春招系列活动-经验复盘,点击查看 征文活动详情。
前言
我们在进行前端开发时需要后端提供相应接口,这样我们需要等后端开发完毕后才能进行开发。这样的话大大影响我们的开发进度,一般情况下我们只需要让后端提供接口文档即可。但是如果想测试交互的话就需要自己mock数据了。
一般mock数据的话有多种解决方案,比如说著名项目 vue-element-admin
中是使用自己搭建 mock-server
的方式。但这不太符合我公司,因为我公司后端会提供 swagger
地址访问接口文档。如果能直接同步 swagger
就太好了。
这就到我们今天的主角 easy-mock
了, easy-mock
帮我们提供了同步 swagger
的功能,下面我们一起来使用docker方式搭建mock数据平台吧。
vscode安装docker插件
在安装docker之前我们可以先在vscode中安装docker插件,方便我们后续的使用。
在vscode的插件商店中搜索docker并安装即可
安装完毕后可能会报一下错误
这是因为这台电脑没有安装docker或者是没有启docker服务,接下来安装docker。
安装 docker-compose
我们可以通过安装 docker-compose
快捷的安装docker
这里列出常用电脑的安装地址:
我的电脑是windows10系统,下面以windows10系统的视角进行操作mac系统与之类似。
点击安装地址链接下载安装包并打开安装包
直接点下一步即可,安装完毕后会发现docker本其实挺大的而且只能安装到c盘中。对我这样的c盘电脑影响其实挺大的。除了对c盘进行扩容以外,还可以通过创建目录链接方式解决,下面简单实操一下。
我们先把安装docker后自动启的服务关闭掉
然后将安装好的docker文件剪贴到其他盘符比如我就是用的D盘。剪贴完毕后使用超级管理员身份打开cmd窗口并输入以下命令
mklink /J "C:\Program Files\Docker" "D:\program files\Docker"
这样我们就在C盘出建立好目录链接了
我们运行Docker Desktop会发现报以下错误
Service is not running
不用担心这是因为我们刚刚把docker服务给关掉了,点击Start重启即可。
重启完毕后进入以下页面时就说之前操作时没有问题的。
等待初始化完毕后会让我们创建App应用
我们无需管再会到vscode中在当项目的根目录中建个 docker-compose.yml
文件。内容直接使用 easy-mock官方的即可。
输出以下命令,创建应用
docker-compose up
这边我们需要查看配置文件格式是否正确,如果不正确的话会出现以下错误。
networks must be a mapping
这是因为我们演示错误时把文件改故意错了
我们将文件改成正确再次并输出以下命令
docker-compose up
进入安装应用状态
完毕完毕后会发现我们需要启的应用已经启动了
访问以下链接即可进入easy-mock项目
我们需要先创建账号
创建完毕后
进入主页
我们看见已经存在一个演示项目,进入演示项目我们,使用swagger同步功能的话,需要先设置swagger链接。
swagger链接大致长这个样子,不同版本可能不一样。
设置完毕后返回项目主页并点击同步swagger
同步完毕时,会发现已经导入成功了
设置完毕项目的代理即可使用
最后如何在使用中出现 This error may indicate that the docker daemon is not running
时,说明我们没有启docket服务。
总结
以上就是在本机使用docker方式搭建mock数据平台全部流程了,后面会出现在服务器(linux)中安装mock数据平台。