发布npm包后如何推送新版本通知？求VSTS集成Microsoft Teams的标准方案

当然有标准的实现方式，用Microsoft Teams推送npm包更新通知是Azure DevOps（原VSTS）生态里非常常用的做法，我给你梳理下具体的步骤和两种主流实现方式：

核心思路是在Azure DevOps的发布管道中，完成npm包发布任务后，添加一个专门的通知任务，触发Microsoft Teams频道的消息推送。下面分两种方式详细说明：

方式一：使用Azure DevOps自带的Microsoft Teams任务（推荐） #

这种方式无需编写代码，通过可视化配置就能快速实现：

1. 打开你的Azure DevOps发布管道，找到npm包发布的任务阶段，在其后添加一个新任务。
2. 在任务 marketplace 中搜索「Microsoft Teams」，选择官方提供的任务并添加到管道中。
3. 配置任务参数：
   • 选择要推送通知的Teams团队和目标频道；
   • 自定义消息内容，建议插入管道变量来动态获取包信息，比如：

     🎉 新版本npm包发布成功：$(PackageName) v$(PackageVersion)
     各位开发者可以更新依赖啦！

   • 设置任务的执行条件为「只有当前面的任务成功时才运行」，避免发布失败时误发通知。

方式二：通过Teams传入Webhook自定义推送（适合复杂场景） #

如果需要更灵活的消息格式（比如自适应卡片），可以用Webhook方式实现：

1. 在目标Microsoft Teams频道中，添加「传入Webhook」连接器：
   • 点击频道右上角的「⋯」→「连接器」→ 搜索「传入Webhook」→ 添加并配置名称/头像，最后复制生成的Webhook URL。
2. 在Azure DevOps发布管道中添加一个PowerShell（或Bash）任务，编写脚本发送POST请求到Webhook URL：

   # 替换为你的Teams Webhook URL
   $webhookUrl = "https://outlook.office.com/webhook/xxx/xxx/xxx"
   # 从管道变量中获取包信息（需提前定义变量）
   $packageName = "$(PackageName)"
   $packageVersion = "$(PackageVersion)"
   $publisher = "$(Build.RequestedFor)"
   
   # 构造Teams消息内容，这里用了自适应卡片示例
   $body = @"
   {
       "type": "message",
       "attachments": [
           {
               "contentType": "application/vnd.microsoft.card.adaptive",
               "content": {
                   "type": "AdaptiveCard",
                   "version": "1.0",
                   "body": [
                       {
                           "type": "TextBlock",
                           "size": "Large",
                           "text": "📦 npm包新版本发布"
                       },
                       {
                           "type": "FactSet",
                           "facts": [
                               { "title": "包名称", "value": "$packageName" },
                               { "title": "版本号", "value": "$packageVersion" },
                               { "title": "发布人", "value": "$publisher" }
                           ]
                       }
                   ],
                   "actions": [
                       {
                           "type": "Action.OpenUrl",
                           "title": "查看包详情",
                           "url": "$(System.CollectionUri)/_packaging?_a=package&feed=你的Feed名称&package=$packageName&version=$packageVersion"
                       }
                   ]
               }
           }
       ]
   }
   "@
   
   # 发送请求
   Invoke-RestMethod -Uri $webhookUrl -Method Post -Body $body -ContentType "application/json"
   

3. 同样设置任务执行条件为「仅当前面任务成功时运行」。

优化技巧：动态获取包名称和版本号 #

为了让通知内容更准确，建议在发布管道开头添加一个PowerShell任务，从package.json中提取包信息并设置为管道变量：

$packageJson = Get-Content -Path ./package.json -Raw | ConvertFrom-Json
# 设置为管道变量，后续任务可直接引用
Write-Host "##vso[task.setvariable variable=PackageVersion;]$($packageJson.version)"
Write-Host "##vso[task.setvariable variable=PackageName;]$($packageJson.name)"

额外扩展 #

• 可以添加失败通知分支：复制通知任务，将执行条件改为「当前面任务失败时运行」，发送失败提醒给维护团队；
• 如果是发布到公共npm源，还可以在消息中添加npm官网的包链接。

内容的提问来源于stack exchange，提问作者FullStackDAU