reactjs - 尝试使用 Microsoft Graph API + React-adal 获取用户个人资料照片时出现 "NoPermissionsInAccessToken"

Question

我正在尝试使用 https://graph.microsoft.com/v1.0/me/photo/$value 端点并按照 these 获取用户的个人资料照片指示。在我们的 React 应用程序中，我们使用 react-adal，因此我首先使用 adalGetToken(authContext, "https://graph.microsoft.com/") 获得访问 token > 然后调用电话

axios.get("https://graph.microsoft.com/v1.0/me/photo/$value", {
  headers: {
    Authorization: `Bearer ${token}`,
  },
})

但是，响应是

{
  "error": {
    "code": "NoPermissionsInAccessToken",
    "message": "The token contains no permissions, or permissions can not be understood.",
    "innerError": {
      "request-id": "d2ed76f0-7f35-4014-bc53-xxxxxxxxxxxx",
      "date": "2020-05-29T09:27:12"
    }
  }
}

当我使用相同的 token 调用 https://graph.microsoft.com/v1.0/me 时，我会得到正确的响应，例如

{
  "@odata.context": "https://graph.microsoft.com/v1.0/$metadata#users/$entity",
  "id": "<id>",
  ...
}

在 Azure 门户中，我已委派应用程序的 User.Read 权限:Image of the permissions

可能是什么问题？

Answer 1

您通过本地调用与您的应用调用的端点 (v1.0/me) 不同的端点 (v1.0/me/photo/$value) 来验证 token >).

您可以使用 https://jwt.io/ 等工具手动验证访问 token 和 https://jwt.ms/

根据 @sruthi-j-msft-identity 的评论，v1.0/me/photo 不适用于个人帐户。如果您使用个人帐户，请尝试在 React 应用中使用 beta/me/photo/$value 。引用:https://learn.microsoft.com/en-us/graph/api/profilephoto-get?view=graph-rest-beta#permissions

测试版 API 包含预览功能，不应用于生产系统。