关于Azure Dashboard调用API展示自定义分析数据的技术咨询

可用扩展推荐 #

• Custom Widgets for Azure DevOps：支持配置外部API调用，可直接解析JSON响应。针对你的场景，只需填入www.mycustomerananalysis.com/3作为请求地址，设置数据提取规则为result.order，就能把订单号展示在Dashboard上。
• Analytics Widgets Customizer：提供自定义数据可视化能力，对接外部API后，能通过简单配置将指定字段渲染成卡片、数字等样式，适合展示这类单一分析值。

无合适扩展时的替代方案 #

如果上述扩展不符合需求，完全可以自己开发一个轻量自定义Widget：

1. 基于Azure DevOps Widget SDK初始化项目；
2. 编写前端代码调用API并解析数据，核心逻辑示例：

// 获取并展示订单数据
async function loadOrderData() {
  const response = await fetch('www.mycustomerananalysis.com/3');
  const data = await response.json();
  document.querySelector('.order-display').innerText = `订单编号：${data.result.order}`;
}

loadOrderData();

3. 打包扩展并上传到你的Azure DevOps组织，添加到Dashboard即可。

关键注意点 #

• 确认目标API支持跨域访问，若不支持，需在Widget中配置Azure DevOps代理或者让API端添加CORS规则；
• 若API需要认证，在Widget配置面板中添加API密钥或其他认证信息，确保请求能成功获取数据。

内容的提问来源于stack exchange，提问作者EFE FEHMİ TAYCI