Azure Devops(vsts) 扩展 - 如何创建任务附件内容

Question

我正在为 azure devops 创建一个扩展，它创建一个自定义选项卡并显示结果。

我使用“##vso[task.addattachment]”上传了文件。

例如：console.log('##vso[task.addattachment type=TestReport;name=MyReport;]c:/user/index.html');

我在使用该文件并将其显示在新选项卡上时遇到问题，我查看了 MS 提供的示例代码 - build_release_enhancer 但仍然无法显示文件。

js 文件::

import Controls = require("VSS/Controls");
import VSS_Service = require("VSS/Service");
import TFS_Build_Contracts = require("TFS/Build/Contracts");
import TFS_Build_Extension_Contracts = require("TFS/Build/ExtensionContracts");
import DT_Client = require("TFS/DistributedTask/TaskRestClient");
import { error } from "azure-pipelines-task-lib";

export class InfoTab extends Controls.BaseControl { 
constructor() {
    super();
}

public initialize(): void {
    super.initialize();
    // Get configuration that's shared between extension and the extension host
    var sharedConfig: TFS_Build_Extension_Contracts.IBuildResultsViewExtensionConfig = VSS.getConfiguration();
    var vsoContext = VSS.getWebContext();
    if(sharedConfig) {
        // register your extension with host through callback
        sharedConfig.onBuildChanged((build: TFS_Build_Contracts.Build) => {
            this._initBuildInfo(build);
            var taskClient = DT_Client.getClient();
            taskClient.getPlanAttachments(vsoContext.project.id, "build", build.orchestrationPlan.planId,"ATTACHMENT_TYPE_HERE").then((taskAttachments) => {
                $.each(taskAttachments, (index, taskAttachment) => {
                    if (taskAttachment._links && taskAttachment._links.self && taskAttachment._links.self.href) {

                        var recId = taskAttachment.recordId;
                        var timelineId = taskAttachment.timelineId;

                        taskClient.getAttachmentContent(vsoContext.project.id, "build", build.orchestrationPlan.planId,timelineId,recId,"ATTACHMENT_TYPE_HERE",taskAttachment.name).then((attachementContent)=> {

                            function arrayBufferToString(buffer){
                                var arr = new Uint8Array(buffer);
                                var str = String.fromCharCode.apply(String, arr);
                                return str;
                            }
                            var data = arrayBufferToString(attachementContent);
                        });
                    }
                });
            });     

        });
    }       
}
private _initBuildInfo(build: TFS_Build_Contracts.Build) {
}
}

InfoTab.enhance(InfoTab, $(".build-info"), {});
// Notify the parent frame that the host has been loaded
VSS.notifyLoadSucceeded();

Html 文件:

<!DOCTYPE html>
<head>
<script src="../lib/VSS.SDK.min.js"></script>

<script type="text/javascript">
    VSS.init( { 
        usePlatformScripts: true,
        // moduleLoaderConfig: { 
        //     paths: { "sample": "sample" } 
        // } 
    });

    VSS.ready(function() {
        require(["sample/tab2"], function () { });
    });   
</script>

<style>
.build-info {
    padding: 10px;
}     
</style>
</head>

<body>
<div class="build-info"> </div>
</body>
</html>

Answer 1

问题已解决，实际上问题出在我的 vss-extension.json 文件上。我必须声明范围：

"scopes": [
    "vso.build_execute"
]

Azure Devops(vsts) 扩展 - 如何创建任务附件内容

Azure Devops(vsts) expension - How to create task attachment content

javascript

tfs

azure-devops

azure-pipelines-build-task

azure-pipelines