使用 AJAX 的 Asana API 集成

Question

我正在使用 Asana API，在进行 API 调用以获取新的刷新令牌时遇到问题，请让我知道我错在哪里。

我正在通过 Javascript AJAX 进行 API 调用。

app.asana.com/-/oauth_token (POST request)

POST 参数

{
    "grant_type":"refresh_token",
    "client_id":"",
    "client_secret":"",
    "redirect_uri":"",
    "refresh_token":""
}

这是我正在使用的代码：

$.ajax({ 
    url : app.asana.com/-/oauth_token, 
    dataType : 'jsonp', 
    method: 'POST', 
    beforeSend: function (xhr) { 
        xhr.setRequestHeader("Authorization", "Bearer " + accessToken); 
    }, 
    success : function(result) {}, 
    error: function(jqXHR, textStatus, errorThrown){} 
});

我收到的返回错误是：

{ 
    "error": "unsupported_grant_type", 
    "error_uri": "asana.com/developers/documentation/getting-started/…;, 
    "error_description": "The supported grant types are authorization_code and refresh_token." 
}

Answer 1

OAuth 安全客户端注意事项：

请记住，AJAX 调用是在客户端上进行的，并且您进行的调用需要您的 client_secret，您应该将其视为个人密码。从客户端进行此调用会将其暴露给您的用户，并可能导致安全漏洞。

如果您想在 JavaScript 等严格的客户端实现 Asana 的 OAuth，我建议您使用隐式授权类型。这里的缺点是您不会获得刷新令牌，而是需要在您的 access_token 过期时重新授权您的客户端。

---

解决问题：

当使用刷新令牌进行调用以获取新的访问令牌时，您需要发出如下所示的请求：

     //Request
     POST https://app.asana.com/-/oauth_token

     //POST Parameters
     //Must be either form-data or x-www-form-urlencoded 
     client_id=<client_id>
     client_secret=<client_secret>
     grant_type="refresh_token"
     refresh_token=<refresh_token>

请注意，参数必须是 form-data 或 x-www-form-urlencoded

---

官方体式节点库

我还建议使用官方的NodeJS Asana Library 来实现这些。