如何从 Azule AD MSAL accessToken 中检索用户角色？答案

【问题标题】：How to retrieve user roles from Azule AD MSAL accessToken?如何从 Azule AD MSAL accessToken 中检索用户角色？
【发布时间】：2021-02-15 21:14:46
【问题描述】：

我在 Azure 门户中创建了两个应用程序：一个是客户端应用程序，另一个是 Web api。我在 SPA 中获取 accessToken，然后使用此令牌向 web api 发出请求。我为 web api 应用程序创建了角色，然后将其中一个角色分配给了自己。

在 web api 中，我可以使用装饰器 [Authorize(Roles = "Reader, Editor, Admin")] 验证每个端点的用户角色，但我还需要在我的客户端应用程序中访问这些角色。我使用 jwt.ms 检查了这个 accessToken，解析后它有"roles": ["Admin"]。但是如何使用 JS 在客户端应用程序中获取这些角色？

【问题讨论】：

怎么样？您的问题解决了吗？
@StanleyGong，是的，谢谢，非常感谢，但仍然很好奇，如果从令牌中提取这些角色很容易，为什么他们不在响应对象中提供这些角色。

标签： javascript azure msal

【解决方案1】：

如果您只想从 accessToken 负载中提取声明，只需尝试以下代码：

<html>
                <body>
                                <div id="payload"></div>
                  
                </body>
                <script src="https://cdn.jsdelivr.net/npm/js-base64@3.2.4/base64.min.js" ></script>
                <script>
                var token= "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImtpZCI6IkRJakFBSUpjNmZnMlkzd0dObkpRSEpXWjhXX1FGOG5Zd2lfVTFfOVhMejgifQ.eyJleHAiOjE1OTU1MTczNjMsIm5iZiI6MTU5NTUxMzc2MywidmVyIjoiMS4wIiwiaXNzIjoiaHR0cHM6Ly9zdGFudGVzdGIzYy5iMmNsb2dpbi5jb20vN2QzZDE4MjQtYTkyOC00ZWQ5LThlZDUtYjA0OTI5NTM4NTljL3YyLjAvIiwic3ViIjoiOGJiZDY3NDYtMDJjNy00MWE2LTk3Y2EtYzc0NWM4ZDI3YTIzIiwiYXVkIjoiNGVjZDM2MTYtM2IwNy00NjFiLTgzYjUtYmZhM2ZhZjAxYmY0IiwiYWNyIjoiYjJjXzFhX3NpZ251cF9zaWduaW4iLCJub25jZSI6ImRlZmF1bHROb25jZSIsImlhdCI6MTU5NTUxMzc2MywiYXV0aF90aW1lIjoxNTk1NTEzNzYzLCJvaWQiOiI4YmJkNjc0Ni0wMmM3LTQxYTYtOTdjYS1jNzQ1YzhkMjdhMjMiLCJuYW1lIjoic3RhbmxleSIsImdpdmVuX25hbWUiOiJnIiwiZmFtaWx5X25hbWUiOiJzdGFuIiwiZXh0ZW5zaW9uX3RuY2FjY2VwdGVkZGF0ZXRpbWUiOjE1ODk1NDk4NTUsImFjY291bnRFbmFibGVkIjp0cnVlLCJ0aWQiOiI3ZDNkMTgyNC1hOTI4LTRlZDktOGVkNS1iMDQ5Mjk1Mzg1OWMifQ.Fa5EX4b3Px5Xan_qs1a8I6DC8lLxu78AhyQu9-yqE68TCSrNt7QrAWbUPvFPC8TFErDb84FUPDvtLkVS7Q4mEM9dbAGRtxXoSkZa85TPLj6PxYmE61pONwwf971UZiFjLKjkhqVsbpC1Zbgvx5Z_vfFBlrlbxohzZHQuvBI6rqhLeZebvr9bitsIHgFvHJIh-6QgstII8ExQbXqLHzOB0E9e1nT4O7SaW4hnxEr-nKsnpsEbYZ-6LsIcR4svVyEsTp9_YoslU2hAHN0tLuJL-AR74wqUFjO79pUa3fCjiur207cEcvkthbahzeqVY-gqJGIGndZmxo3a3Rf0QEbWlg"
                
                 var token_parts = token.split(".")
                var token_payload = JSON.parse(Base64.decode(token_parts[1]));
                
                 document.getElementById("payload").innerHTML = Base64.decode(token_parts[1]) + "</br> </br> name claim:" + token_payload.name;
                </script>

</html>

基本上，一个token由3部分组成，用“.”分隔。，而payload存储在第二部分，你可以直接Base64解码得到它的内容

【讨论】：