从Azure Extension访问Artifact无响应，求排查解决方法

1. 修复UI渲染逻辑，避免误导 #

你的render方法中ZeroData组件始终会渲染，即使请求完成后状态更新，它也不会消失，导致你误以为请求没响应。修改渲染逻辑，仅在未获取到结果时显示加载状态：

public render(): JSX.Element {
    const { artifactContext, debugInfo } = this.state;

    if (!artifactContext && !debugInfo) {
        return (
            <Page className="flex-grow">
                <ZeroData
                    primaryText="Fetching artifact..."
                    secondaryText={"Please wait while the artifact is being fetched."}
                    imageAltText="Fetching data"
                />
            </Page>
        );
    }

    return (
        <Page className="flex-grow">
            {artifactContext && (
                <div>
                    <h3>Artifact Context:</h3>
                    <pre>{artifactContext}</pre>
                </div>
            )}
            {debugInfo && (
                <div>
                    <h3>Debug Information:</h3>
                    <pre>{debugInfo}</pre>
                </div>
            )}
        </Page>
    );
}

2. 排查SDK初始化是否卡住 #

SDK.init()可能因环境问题未完成初始化，导致后续API调用无响应。添加超时和更详细的日志：

public async componentDidMount() {
    try {
        // 给SDK初始化加超时限制
        await Promise.race([
            SDK.init(),
            new Promise((_, reject) => setTimeout(() => reject(new Error("SDK初始化超时")), 10000))
        ]);
        console.log("SDK初始化完成");
        
        const projectName = "Project Name";
        const buildId = xxx; // 确认此处是有效数字，而非占位符
        const artifactName = "artifact_name";
        
        console.log("准备获取Build客户端");
        const buildClient = await getClient(BuildRestClient);
        console.log("Build客户端获取成功");
        
        console.log(`开始请求artifact: 项目=${projectName}, 构建ID=${buildId}, 名称=${artifactName}`);
        const artifact = await buildClient.getArtifact(projectName, buildId, artifactName);
        console.log("Artifact请求返回结果:", artifact);
        
        // 后续状态更新逻辑...
    } catch (error: any) {
        console.error("错误详情:", error);
        // 错误处理逻辑...
    }
}

3. 验证核心参数的有效性 #

• 确认buildId是有效数字（替换掉占位符xxx），且该构建ID在Azure DevOps中真实存在，对应的构建确实生成了名为artifact_name的产物。
• 检查artifactName是否完全匹配（区分大小写），可以在Azure DevOps构建详情的"产物"页面复制准确名称。
• 确认projectName与项目的显示名称完全一致，或尝试使用项目ID替代项目名称，避免名称歧义。

4. 检查扩展权限配置 #

确保你的扩展manifest.json中声明了足够的权限范围，添加vso.build权限以读取构建产物：

{
    "scopes": [
        "vso.build"
    ]
}

5. 查看浏览器网络请求详情 #

打开浏览器开发者工具（F12）的Network标签，筛选api请求，观察是否有调用/build/builds/{buildId}/artifacts/{artifactName}的请求：

• 如果没有该请求：说明代码在SDK初始化或获取客户端阶段卡住，结合之前的日志排查。
• 如果有请求但无响应：检查请求的状态码、请求头中的授权信息是否正常。
• 如果请求返回错误：将响应内容打印到日志，进一步定位问题。

6. 测试API调用的直接有效性 #

在Azure DevOps的API测试页面（格式如https://dev.azure.com/{org}/{project}/_apis/build/builds/{buildId}/artifacts/{artifactName}?api-version=7.1-preview.5）手动测试API，确认该接口能正常返回数据，排除服务端问题。

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