经验复盘-使用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

这里列出常用电脑的安装地址：

window安装地址

mac安装地址

我的电脑是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数据平台。