写给前端的Docker实战教程

我们总结下都发生了什么：

1. 写一个 Dockerfile
2. 使用docker image build来将Dockerfile打包成镜像
3. 使用docker container create来根据镜像创建一个容器
4. 使用docker container start来启动一个创建好的容器

虽然很简单，但是也没有感觉到“广阔天地，大有可为，为所欲为”呢?

迁移静态站点

接下来我们实战迁移一个由 Vuejs 写的纯静态 SPA 单页站点：

• 网址：pea3nut.info
• 源码：github/pea3nut-info

我打算怎么做

在没迁移 Docker 之前，若我想更新线上网站中内容时，需要：

1. 本地npm run build打包产出静态文件
2. 手动通过 FTP 上传到服务器
3. git push更新 Github 源码

稍微有点麻烦，因此我打算这样改：

1. 执行git push
2. 自动检测到 github 有代码更新，自动打包出一个 Docker 镜像
3. CI 编译完成后，SSH 登录 VPS，删掉现有容器，用新镜像创建一个新容器

而这样做的好处是：

1. 不必再手动 FTP 上传文件
2. 当我进行修改错别字这样的简单操作时，可以免测。改完直接git push，而不必本地npm run build

Github中的CI

首先是让 Github 在我每次更新代码时打包出一个镜像

在 Github，可以有免费的 CI 资源用，它就是 Travis CI

在项目中根目录中添加.travis.yml文件，内容如下：

language: node_js 
node_js: 
  - "12" 
services: 
  - docker 
 
before_install: 
  - npm install 
 
script: 
  - npm run build 
  - echo "$DOCKER_PASSWORD" | docker login -u "$DOCKER_USERNAME" --password-stdin 
  - docker build -t pea3nut/pea3nut-info:latest . 
  - docker push pea3nut/pea3nut-info:latest 

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!