- nginx 镜像内的默认目录在 /usr/share/nginx/html
- 将待部署项目存放在 /usr/share/nginx/html/项目名称目录
- 在Mac环境下的 jenkins系统 中,工程项目默认的路径在 ~/.jenkins/workspace/项目名称目录
- 这样,使用 docker 来挂载运行前端工程项目到nginx,则可以这样
- $
docker run -d -p 9001:80 -v ~/.jenkins/workspace/项目名称目录/dist:/usr/share/nginx/html/项目名称目录 --name 项目名称_nginx nginx
- 通过以上测试,可以正常运行
2 )自动化发布实现
- 基于以上测试的示例,这时候就变得很简单了
- 在 jenkins 的 工程项目目录中,点击左侧配置, 进入 Build Steps
- 注意:
- 之前有一个 ssh 的功能,如果用了 docker 发布, 目前就不需要 ssh 了
- 当然,如果是远程发布,这个 ssh 的功能还需要保留
- 执行脚本中,执行 shell 中修改
echo $WORKSPACE
cd $WORKSPACE
npm install
npm run build
docker restart 项目名称_nginx
- 代码修改并重新提交, 推送, 这时候访问 线上环境,可知更新成功
- 注意,使用 webhook 的时候需要禁止掉 action 操作,移除项目中 .github/, 否则可能会有冲突
3 )总结
- 以上用一个非常简单的示例,结合前文搭建的环境,演示了如何结合 jenkins 和 docker 来发布代码
- 这里 jenkins 是在物理机的,docker 是镜像的,其实也可以整个jenkins系统都用docker来部署
最后的话
最近很多小伙伴找我要Linux学习资料,于是我翻箱倒柜,整理了一些优质资源,涵盖视频、电子书、PPT等共享给大家!
资料预览
给大家整理的视频资料:
给大家整理的电子书资料:
如果本文对你有帮助,欢迎点赞、收藏、转发给朋友,让我有持续创作的动力!
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**