使用Docker部署Node.js中的Vue项目

1.准备工作

使用服务器：阿里云
服务器系统：CentOS 7

项目配置

准备好一个项目

该项目下有以下文件

对 package.json 文件进行修改

设置项目启动的端口号和使用的ip
注：在修改package.json文件中的host为0.0.0.0，不要写成localhost, 本地局域网ip地址 或 127.0.0.1，否则通过服务器ip+端口号 无法访问该资源

安装Xshell

用于连接服务器
官方网址：https://www.netsarang.com/zh/xshell/

安装XFTP

可以向服务器传送文件
官方网址：https://www.netsarang.com/zh/xftp/

通过Xshell连接服务器

连接后 安装Docker

1. 启动Docker

systemctl start docker

2. 查看Docker状态

systemctl status docker

3. 查看Node可用版本：

docker search node 

4. 取最新版的 node 镜像:

	docker pull node:latest

5. 查看本地安装的镜像

	docker images

上图显示的为安装最新版本的Node.js

6. 创建守护式容器来运行 Node 容器：

   创建容器常用的参数说明：

    创建容器命令：docker run
    
     -i：表示运行容器
    
     -t：表示容器启动后会进入其命令行。加入这两个参数后，容器创建就能登录进去。即分配一个伪终端。
    
     --name :为创建的容器命名。
    
     -v：表示目录映射关系（前者是宿主机目录，后者是映射到宿主机上的目录），可以使用多个－v做多个目录或文件映射。注意：最好做目录映射，在宿主机上做修改，然后共享到容器上。
    
     -d：在run后面加上-d参数,则会创建一个守护式容器在后台运行（这样创建容器后不会自动登录容器，如果只加-i -t两个参数，创建后就会自动进去容器）。
    
     -p：表示端口映射，前者是宿主机端口，后者是容器内的映射端口。可以使用多个-p做多个端口映射
   

守护式方式创建容器：

docker run -di --name=容器名称 镜像名称:标签

在这里我们要对容器的端口映射进行设置所以使用如下命令

docker run -dti --name=vvcat_node -p 78:78 node

注意：
78:78 前面的78是 云服务器对外网开放的端口，后面的78是项目运行所使用的端口
如果服务器对外网开放的端口为 3000 那么就将 78:78 修改为 3000:78
如果package.json文件中配置的端口为 8080 那么就将3000:78 修改为 3000:8080
把服务器开放到外网的端口映射到 项目运行的端口中。

当容器创建完成后，会生成一个容器
查看正在运行的容器

docker ps

查看所有的容器（包括未运行的容器）

docker ps -a

2.项目准备部署

将本地准备好的项目通过 XFTP 传输到 云服务器的目录下

传输项目的过程中不要把项目的 node_modules文件夹也传过去了，可能会导致传输很慢，传过去之后，运行的时候也可能会出现错误。

传输完成后在linux 服务器下找到 该项目

我们需要将目录拷贝到容器内可以使用cp命令（如果不想使用cp命令可以在百度上找一些创建容器时对目录挂载的创建方式）

docker cp 需要拷贝的文件或目录 容器名称:容器目录

现在将我的项目拷贝到 创建的Node容器中

docker cp vvcat_blogs_client vvcat_node:/usr

拷贝成功后，登录守护式容器
登录守护式容器方式：

docker exec -it 容器名称 (或者容器ID)  /bin/bash

进入我自己创建的容器

docker exec -it vvcat_node /bin/bash

进入容器后，在容器中找到该项目

进入该项目中的目录中，会有以下文件

安装 cnpm 模块

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完后，对项目的依赖进行安装

cnpm i

安装完成后运行

npm run dev

通过 阿里云的服务器ip + 端口号即可访问本项目

博主很懒，没有配置 Dockerfile 文件，使用docker命令实现手动配置，对项目进行部署