通过 azure 广告以 angular 身份验证用户并授权 blob 存储

Question

我在 angular 中构建了一个应用程序，我想让经过身份验证的用户能够根据他们的访问权限下载文件 我尝试使用 Azure AD 和 azure rbac 进行身份验证和 autheriztion，并使用 azure blob 来存储我的文件，我在互联网上搜索了很多，虽然我遇到了关于如何通过 msal 库进行身份验证的解决方案，但我没有找到任何关于如何对用户进行身份验证和 AUTHERIZE 用户使用 blob 存储的解决方案，我将非常感谢许多说明或教程如何解决这个问题 。 最好的问候，女孩

Answer 1

您的代码是否在浏览器中运行？ 目前浏览器@azure/blob-storage仅支持使用 SAS 令牌

BlobServiceClient构造函数确实采用TokenCredential ，这是您可以实现的接口：

https://docs.microsoft.com/en-us/javascript/api/@azure/core-auth/tokencredential?view=azure-node-latest

在向 Azure Blob 服务发送请求时，SDK 库将使用提供的令牌作为不记名令牌。 不过，我还没有用 RBAC 尝试过这个。

希望未来 SDK 能够更好地与浏览器的 AAD/RBAC 集成。

Answer 2

您需要使用以下方法获取 blob 存储的令牌：-

this.authService
      .acquireTokenSilent({
        scopes: ['https://storage.azure.com/user_impersonation'],
      })
      .then((tokenResponse) => {tokenResponse.accessToken})

然后像这样包装令牌：-

TestTokenCredential(tokenResponse.accessToken) {
    return {
      getToken: function (_scope, _opts) {
        return {
          token: tokenResponse.accessToken,
          expiresOnTimestamp: Date.now() + 60 * 60 * 1000,
        };
      },
    };
  }

并最终使用上述函数返回的令牌来获取 blob 容器客户端，例如：-

  private containerClient(token: any): ContainerClient {
    return new BlobServiceClient(
      `https://${this.picturesAccount}.blob.core.windows.net`,
      token
    ).getContainerClient(this.picturesContainer);
  }