关于Jenkins自动打包部署前端项目的踩坑之路三(项目部署到Nginx下并通过钉钉消息告知其构建状态)

877 阅读2分钟

将打包好的项目放置到Nginx文件夹下

首先我期望项目放置在服务器上的nginx文件夹的位置是:C:\nginx-1.18.0\html\vue-admin-template (这里我监听的是9000端口,对nginx的配置就不做过多描述,感性趣的可以自行百度)

        listen       9000;
        server_name  localhost;
        location / {
            root   html/vue-admin-template;
            index  index.html index.htm;
        }

项目构建后打包出来的文件放置的是jenkins的工作区文件夹(C:\ProgramData\Jenkins.jenkins\workspace\Gitee Test\dist),和我的期望不一致,所以我会将这个文件夹的所有内容复制到目标处,操作如下:

安装Post build task 插件

image.png

image.png

image.png 这里我的构建完成存在的提示语是:Build complete,所以构建完成后就会去执行复制文件的操作

rmdir /q/s C:\nginx-1.18.0\html\vue-admin-template
xcopy /y/e/i  "C:\ProgramData\Jenkins\.jenkins\workspace\Gitee Test\dist" "C:\nginx-1.18.0\html\vue-admin-template"

至此项目就正式部署完成

配置钉钉通知,监听其构建状态

钉钉群机器人设置

  1. 进入钉钉群,依次点击群设置-智能群助手
  2. 点击添加机器人,选择自定义机器人
  3. 填写机器人名称及自定义关键词,完成即可。
  4. 复制webhook,保存下来后续jenkins配置需要使用

image.png

钉钉webhook配置

  1. Jenkins安装钉钉插件,依次进入系统管理-插件管理-可选插件,搜索DingTalk。

image.png 2. 依次进入系统配置-钉钉,点击高级,配置钉钉机器人信息,配置完成后,点击测试按钮,看下能否发送成功。

image.png

  • id:可以不设置,增加时自动设置;
  • 名称:机器人别名
  • webook:钉钉中添加自定义机器人时的webhook
  • 关键字:钉钉机器人中填写的自定义关键字
  • 加密:钉钉机器人中勾选加签后的内容(也可不设置)
  • 测试发送成功后,在钉钉群可以收到通知

项目配置构建钉钉通知

  1. Jenkins首页,新建任务,在general处,勾选机器人,点击高级。
  2. 配置通知时机和通知人。
  • 勾选atAll:通知群内所有人
  • 指定人:输入框中输入要通知人的手机号(多个手机号之间用逗号或换行分隔)
  • 配置完成后,点击应用-保存,点击任务的立即构建,构建后在钉钉群就可以收到通知了。

image.png

image.png