Jenkins 配合docker来部署项目

• 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行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**