[指南] Vue.js 搭配 Docker 进行布署

章节连结

Docker 是个运用了虚拟化技术的套件,让不同电脑上可以正常执行同样的电脑程式。之所以有这项需求的产生,是由于每台电脑的作业系统、硬件配置、甚至是操作套件的版本都会有所差异。
dockerImage


虚拟机器和容器的不同

虚拟机器

虚拟机器是将应用程式所应用的作业系统环境整个打包起来,建立一个独立的映像档,这样一来只要搬动这个档案就可以运作。(例如:Mac 上的 Parallel Desktop)

容器

虚拟机器的缺点就是要安装一个非常大档案的作业系统(OS),而且也会耗费较多的内存。而 Docker 所建立的就是容器 (Container) 的概念,它不必先行完整安装独立的作业系统,花费的硬盘和内存空间也比较少。

映像档、容器和仓库

映像档 Image

你可以把它当成一个模拟出来的执行环境,而彼此映像档之间不会互相影响。当然,你不需要从头造车。你可以从公开的仓库(Repository)上取得像是 node.js 环境、mongoDB 服务…..等。不过就如名称,映像档是唯独的。如果你有经历过光盘片的时代,跟那个唯独映像档是一样的概念。

容器 Container

用映像档建立出来的实体(Instance)。彼此之间互相独立,可以个别启动、开始、停止、删除。

仓库 Repository

集中存放映像档的地方


安装 Docker 并建立 Demo 专案

1. 点选此连结,到 Docker 的官方网站进行下载
2. 安装完毕后,先确定 docker 有常驻运行
3. 用 Vue Cli 新增一个 Demo 专案,先确定用 localhost:8080 开的起来

4. 在专案的根目录新增一个 Dockerfile 的档案
5. 在 Dockerfile 里面输入以下内容后储存:

6. 逻辑上是先用 Docker 会依照 Dockerfile 的指令,将环境打包成一个映像档(Image),然后你在根据这个生成的映像档,来 run 出一个 Container
7. 输入以下指令


参考资料

1. Docker 基础教学与介绍 101
2. 全面易懂的Docker指令大全
3. Vue – 使用 Docker 布署


按赞加入粉丝团

延伸阅读