前端工程手动打包镜像docker部署

命令汇总

#从git上拉代码，这步要输入git账号密码
git pull 

# 下载依赖
npm i

# 构建好工程
npm run build

# 进入dist
cd dist 

# 打压缩包
tar -czvf  ../ly-ui-scaffold.tar.gz .  

# 退到根目录
cd .. 

# 构建镜像 -t镜像地址 -f指定Dockerfile文件的位置
docker build -t ly-ui-scaffold . 

# 跑起docker部署，--name为docker名字，-e是配置环境遍历，-p指定运行端口，-d后台启动，不进入命令窗口
docker run -d --name  ly-ui-scaffold -e ApmEnable=false  -p 187:80 --rm  ly-ui-scaffold


# 打tag 
docker tag ly-ui-scaffold 192.168.x.x:5000/dev/ly-ui-scaffold:20231027104500

# 镜像推送到harbor仓库
docke push 192.168.x.x:5000/dev/ly-ui-scaffold:20231027104500

# 登录到需要拉取这个镜像的服务器
docker pull 92.168.2.78:5000/dev/ly-ui-scaffold:20231027104500

# 当镜像推送不了时，制作成镜像文件下载到本地后上传到其它服务器
# 镜像制作成文件
docker save -o  ly-ui-scaffold.tar 192.168.x.x:5000/dev/ly-ui-scaffold:20231026-182700
#解压
docker load -i ly-ui-scaffold.tar

# 从服务器拉到windows电脑
scp -r root@192.168.x.x:/root/ly-ui-scaffold.tar ./

# 从本地上传到服务器
scp -r .\ly-ui-scaffold.tar root@192.168.x.x:/root

具体步骤

1. 进入服务器

2. 在一个文件夹中拉取git代码，然后构建前端工程

mkdir test

npm i （npm版本大于6的执行 npm i --force）

npm run build

3. 打包成镜像

例如前端工程名为：ly-ui-scaffold，执行以下命令。

cd dist

tar -czvf ../ly-ui-scaffold.tar.gz .

cd ..

docker build -t ly-ui-scaffold .

打完后可以用以下命令找到这镜像

docker images | grep ly-ui-scaffold

4. 最后在容器里面跑起来就可以看到了

跑起docker部署，--name为docker名字，-e是配置环境遍历，-p指定运行端口，-d后台启动，不进入命令窗口

docker run -d --name ly-ui-scaffold -e ApmEnable=false -p 187:80 --rm ly-ui-scaffold

5. 若打包好的镜像要在别的服务器用，先把进行push到harbor，再从harbor上拉取。

打tag

docker tag ly-ui-scaffold 192.168.x.x:5000/dev/ly-ui-scaffold:20231027104500

镜像推送到harbor仓库

docke push 192.168.x.x:5000/dev/ly-ui-scaffold:20231027104500

登录到需要拉取这个镜像的服务器

docker pull 92.168.x.x:5000/dev/ly-ui-scaffold:20231027104500

6. 当镜像推送不了时，制作成镜像文件下载到本地后上传到其它服务器

镜像制作成文件

docker save -o ly-ui-scaffold.tar 192.168.x.x:5000/dev/ly-ui-scaffold:20231026-182700

解压

docker load -i ly-ui-scaffold.tar

从服务器拉到windows电脑

scp -r root@192.168.x.x:/root/ly-ui-scaffold.tar ./

从本地上传到服务器

scp -r .\ly-ui-scaffold.tar root@192.168.x.x:/root