用前端姿势玩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
    
}

相关文章