用前端姿势玩docker【五】快速构建中类Unix系统与Windows系统的差异化处理

时间:2021-05-30 04:11:59

目录

跨平台兼容性问题解决

前端开发工作中,主流的还是windows和mac,我们的目的是在windows和mac下能够尽可能地实现一致性。这个一致性体现在:

  1. docker的安装与初始化
  2. docker 容器的使用
  3. 开发中的各种操作过程

安装

  • Mac直接看官方文档

  • windows 上安装docker分为两种:

  1. docker for windows

    此方式要求windows系统必须能够启动 hyperV服务,而如果能够启动hyperV,基本上意味着都要是windows专业版,印象当中即便是家庭版也对版本有要求。

    优点:方便,快捷

    缺点:对系统有要求,不能做到任意机器均可使用

  2. 使用docker-toolbox通过docker-machine创建docker虚拟机

    此方式通过使用 docker quickstart terminal快速创建docker虚拟机,然后通过docker-machine控制虚拟机,并在虚拟机中跑docker服务。

    优点:门槛低

    缺点:官方文档说明已经不建议使用此方法;配置较为复杂

总结

类Unix系统上,docker使用都很方便。关键是windows上需要斟酌考虑:

  1. 如果需要满足老旧的机器快速构建环境,不想去考虑各种系统类型(专业版、家庭版)、版本等问题。则建议使用docker-machine创建docker虚拟机的方法。

  2. 如果是在单一机器上使用docker,且长期固定使用同一台机器,那么docker for windows一定是最佳选择。

    关于mac与windows启动便利性上,可以编写相应的.sh与.bat文件做启动文件。

windows docker-toolbox 安装docker问题汇总

  • 无法使用私库:若配合镜像私库使用,则需要修改docker-toolbox下的sart.sh在docker-machine create那一行增加参数:
"${DOCKER_MACHINE}" create -d virtualbox --virtualbox-no-vtx-check $PROXY_ENV --engine-registry-mirror http://hub-mirror.c.163.com --engine-insecure-registry 私库域名或ip "${VM}"
  • 进入docker容器后无法ping通外网

    若可ping同域名,无法ping同ip:则需要添加dns,在 /var/lib/boot2docker/profile文件中增加 --dns=8.8.8.8,注意此处有 = 号

    域名ip均无法ping通:在上文中同样的文件中添加bip配置 --bip 172.17.5.0/24,注意此时无等号

  • windows VirtualBox软链接错误: symlink(): Read-only file system

    需要使用VBoxManage开启软连接功能,步骤如下:

    1. 关闭VirtualBox
    2. 为VirtualBox增加环境变量
    3. 启动软链功能:执行命令: VBoxManage.exe setextradata default VBoxInternal2/SharedFoldersEnableSymlinksCreate//mnt/project 1 其中default为虚拟机名称,/mnt/project 为启动软链功能的目录
    4. 查看是否启动成功: 执行命令:VBoxManage.exe getextradata default enumerate ,能看到存在以下内容即为开启成功:Key: VBoxInternal2/SharedFoldersEnableSymlinksCreate//mnt/project, Value: 1
  • windows中通过VirtualBox开启docker虚拟机,启动容器后,在容器内启动webpack-dev-server,外网无法访问:

    docker-machine ssh进入docker虚拟机后,ip addr查看192网段的ip,并通过此ip加端口在宿主机访问即可。

  • 启动容器后,开启dev-server,修改代码后,宿主机浏览器无法热更新:

    在VirtualBox中的文件系统下,webpack无法自动开启热更,需要手动添加watchOptions开启轮询:具体时间根据个人机器情况决定

    watchOptions: {
    poll: 1500
    }