Docker 打包前端 vue 代码推送镜像到远程仓库

[TOC]

业务场景：

需要将本地前端代码推送到远程镜像仓库

📝1.将前端代码 www 包解压后放在本地临时目录，然后创建一个 dockerfile

FROM treehouses/pm2WORKDIR /wwwCOPY www/ /wwwRUN npm installEXPOSE 30000ENTRYPOINT ["pm2","start"]

FROM treehouses/pm2 根据 treehouses/pm2 构建镜像 如果是后端项目这里可以换成 java:8

WORKDIR /www 表明工作目录

COPY www/ /www 将本地目录中 www/ 复制到镜像的/www

RUN npm install 执行打包命令

EXPOSE 30000 暴露端口 30000

ENTRYPOINT ["pm2","start"] 启动命令

ps: 这里是启动后端 springboot 项目的一个简单 dockerfile

###指定java8环境镜像FROM java:8###复制文件到容器eureka.jarADD -eurekaserver.jar /eureka.jar###声明启动端口号EXPOSE 8100###配置容器启动后执行的命令ENTRYPOINT ["java","-jar","/eureka.jar"]

📜 2.登陆自己远程仓库

docker login --username=zhangsan xxx.aliyuncs.com

username 表示登陆用户名

xxx.aliyuncs.com 表示远程仓库地址

登陆后输入密码 回车没有任何输出则表示成功

📒3.构建镜像

cd 到 dockerfile 目录

执行 docker build -t qianduan .

则会生成镜像名称为 xxx 版本号为 latest 的一个镜像

-t 表示生成的镜像名称和版本号

🔖4.给镜像打 tag

Docker images

命令格式：docker tag [镜像 id] registry.cn-hangzhou.aliyuncs.com/[镜像名称]:[镜像版本号]

docker tag 12123211 xxx.aliyuncs.com/test/qianduan

不加版本号则为最新版本

📖5.推送镜像到远程仓库

命令格式：docker push registry.cn-hangzhou.aliyuncs.com/[镜像名称]:[镜像版本号]

docker push xxx.aliyuncs.com/test/qianduan

觉得有用点个关注支持下吧，gzh->JavaNice

java Nice 哥，只做原创

🖊️最后总结

🖲要熟练掌握技巧，一定多多坚持练习：骐骥一跃，不能十步；驽马十驾，功在不舍。