在对 VSTS API 的 Ajax 调用中使用 OAuth Bearer Token 而不是 PAT

Question

我已经成功地让我的 ASP.NET (MVC5) 应用程序在服务器端用 C# 读取和写入我们的 VSTS 工作项。

但是，为了获得最佳用户体验，我真的想使用 Ajax 进行一些更新。使用在我自己的帐户下创建的个人访问令牌 (PAT)，我已经能够完美地完成这项工作。例如，这很好用：

var vstsAuthHeader = { "Authorization": "Basic " + btoa("" + ":" + "abcd...123") }

function updateRoadmapGroup(featureId, newRoadmapGroup) {
var patchDocument = [{
    "op": "replace",
    "path": "/fields/CustomScrum.RoadmapGroupID",
    "value": newRoadmapGroup
}];
var patchValue = JSON.stringify(patchDocument);

$.ajax({
    method: "PATCH",
    url: "https://myaccount.visualstudio.com/_apis/wit/workitems/" + featureId + "?api-version=" + apiVersion,
    contentType: "application/json-patch+json",
    beforeSend: function (xhr) {
      xhr.setRequestHeader(vstsAuthHeader);
    },
    processData: false,
    data: patchValue,
    error: function (exception) {
        console.log(exception);
    },
    success: function (data) {

    }
});

};

一旦它起作用，我认为使用 OAuth 代替我的 PAT 会很容易。类似于将上面列出的代码的第一行更改为：

var vstsAuthHeader = { "Authorization": "Bearer " + btoa("" + ":" + accessToken) }    

这不起作用 - 我收到错误“401（未经授权）”，当我深入研究时，完整的错误是：

TF400813：资源不可用于匿名访问。需要客户端身份验证。

我尝试了很多 Ajax 调用的变体，但都没有奏效。我试过添加

beforeSend: function (xhr) {
    xhr.setRequestHeader("Authorization", "Bearer " + btoa("" + ":" + accessToken));
},

这似乎更接近我在网上找到的一些类似事情的例子，但不起作用。

我在没有btoa 函数的情况下尝试了上述两种方法，我相信它将令牌转换为Base64，只是使用原始accessToken 值传递。而且我尝试了十几种其他方法，结果总是一样。

我的问题是如何使用 OAuth 不记名令牌更新 Ajax 调用中的 VSTS 项目，就像我可以使用 PAT 一样？

Answer 1

同一登录地址同时作为微软账号和工作账号使用时，身份的id不同。而且同一个工作账号地址在不同的域中，身份的id也是不同的。因此，如果您在使用 OAuth 令牌时遇到 401 错误，则可能是您用于颁发令牌的身份不正确造成的。

Answer 2

参考这些代码：

 $.ajax({
                    type: 'GET',
                    url: 'https://XXX.visualstudio.com/DefaultCollection/_apis/wit/workitems/209?api-version=1.0',
                    cache: false,
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        var b = "Bearer [auth token]";

                        xhr.setRequestHeader("Authorization", b);
                    },
                }).done(function (data) {

                }).error(function (e) {

                });

另一方面，请确保在 VSTS 中创建应用程序时检查相关范围（例如工作项）。