前端部署

为什么使用nvm

我们可能需要在服务器部署多个前端项目，而不同的项目所使用的node版本又是不一样的，不同版本的node的兼容性是不一样的。这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，而nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。

项目根目录

1.使用Dockerfile构建镜像

# 依赖centos环境
FROM centos:latest

#安装vim、git和nvm环境
RUN yum -y update \
    && yum -y install vim \
  && yum -y install git \
  && git --version \
  && cd ~/ \
  && git clone https://github.com.cnpmjs.org/nvm-sh/nvm.git .nvm \
  && cd ~/.nvm && git checkout v0.35.3 \
  && echo "source ~/.nvm/nvm.sh" >> ~/.bashrc && source ~/.bashrc

2.编写初始化脚本，初始化docker容器

将“ /root/project ”目录（项目统一放置文件夹，位置可更换）映射进容器

#!/bin/bash

# 镜像名字
IMAGE_NAME=centos_git_nvm

# docker 容器名字或者jar名字，这里都命名为这个
SERVER_NAME=centos_git_nvm_node

#使用说明，用来提示输入参数
usage() {
    echo "Usage: sh 执行脚本.sh [init]"
    exit 1
}

#初始化——构建镜像和容器(在宿主机执行)
init(){
  #容器id
  CID=$(docker ps | grep "$SERVER_NAME" | awk '{print $1}')
  #镜像id
  IID=$(docker images | grep "$IMAGE_NAME" | awk '{print $3}')
  # 构建docker镜像
  if [ -n "$IID" ]; then
    echo "Exit $IMAGE_NAME image，IID=$IID"
  else
    echo "NOT exit $IMAGE_NAME image，start build image..."
    # 根据项目个路径下的Dockerfile文件，构建镜像
    docker build -t $IMAGE_NAME .
    echo "$IMAGE_NAME image has been builded"
  fi

  if [ -n "$CID" ]; then
      echo "Exit $SERVER_NAME container，CID=$CID.   ---Remove container"
      docker stop $SERVER_NAME   # 停止运行中的容器
      docker rm $SERVER_NAME     ##删除原来的容器
  fi

  # 构建容器
  echo "$SERVER_NAME container,start build..."
  # 运行容器
   # --name 容器的名字
   #   -d   容器后台运行
   #   -p   指定容器映射的端口和主机对应的端口
   #   -v   将主机的目录挂载到容器的目录中（不可少）
  docker run -e TZ="Asia/Shanghai" -id --name $SERVER_NAME -v /root/project:/project $IMAGE_NAME
  echo "$SERVER_NAME container build end"
}


#根据输入参数，选择执行对应方法，不输入则执行使用说明
case "$1" in
  "init")
    init
    ;;
  *)
    usage
    ;;
esac

二、拉取代码

邮箱：nmvomvqozznjecjc
/root/project
拉取代码

cd /root/project
git clone 项目clone地址

1.运行shell脚本

bash portal.sh init

2.检查

# 如果有sh命名的镜像，说明构建成功
docker images

# 如果有sh命名的容器，说明容器启动成功
docker ps

3.进入容器安装node

# 进入容器
docker exec -it centos_git_nvm_node bash
# 查看可用node版本
nvm list-remote
# 安装node，以安装v14.1.0为例
nvm install v14.1.0

4.在容器中进入项目目录

cd 映射的项目目录（/project/项目名）
npm install
npm run build

打包完毕