基于Verdaccio4.x订制包裹推送告警卡片

前言

公司Verdaccio私仓彻底用起来了,
包括基础组件库和业务组的童鞋们,
跑了一个半月,还没有宕过一次.
之前基于Jenkins搞了一个消息卡片的,
这次迁移过来Verdaccio,
包发布的告警行为可以更加单一了

效果图

旧版Jenkins的效果

基于Verdaccio4.x订制包裹推送告警卡片_第1张图片
蓝色区域都是可以点击快速跳转到对应的访问区域;
有兴趣的可以翻阅下我之前的文章!

基于Verdaccio消息机制

基于Verdaccio4.x订制包裹推送告警卡片_第2张图片

点击更多信息就到仓库的对应详情页面


基于Verdaccio4.x订制包裹推送告警卡片_第3张图片

Verdaccio配置

官方文档: Verdaccio Notifications

效果图配置

规格很简单,就是把一个接口转为yaml的写法,
唯一需要注意的就是换行符这些了;
这里对接的是钉钉机器人,
内容规格根据你用的webhook提供商调整!

notify:
  'frontend-dingtalk':
     method: POST
     headers: [{'Content-Type': 'application/json;charset=utf-8'}]
     endpoint: https://oapi.dingtalk.com/robot/send?access_token=09df4720bxxxx
     content: '{"msgtype": "markdown","at": { "isAtAll": true },"markdown":{"title":"FBI WARNING!您有新的包裹,请注意查收!","text": "![](https://图片链接)\n\n#### 包名: {{ name }} -> ([更多信息](http://npm.h3yun.net:4873/-/web/detail/{{name}}))\n {{#if  description}} > {{ description }}{{/if}}  \n\n{{#if dist-tags.latest }}稳定版(latest):**{{ name }}@{{ dist-tags.latest }}**{{/if}} \n\n{{#if dist-tags.dev }}开发版(dev):**{{ name }}@{{ dist-tags.dev }}**{{/if}} \n\n{{#if dist-tags.alpha }}alpha版本:**{{ name }}@{{ dist-tags.alpha }}**{{/if}} \n\n{{#if dist-tags.alpha }}next版本:**{{ name }}@{{ dist-tags.next }}**{{/if}}\n\n发布人:**{{ publisher.name }}**  \n\n 欢迎各位大佬使用,有问题请及时反馈,谢谢! \n\n  "} }'
    #  packagePatternFlags: i
    #  packagePattern: ^@h3-shared\/*$

图片素材

这是我找了一张网上的素材,然后用PS改造的,嘿嘿
基于Verdaccio4.x订制包裹推送告警卡片_第4张图片

总结

若是对你有所帮助就挺好,谢谢阅读!

你可能感兴趣的:(前端自动化构建)