• 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 ）总结