在 Angular 项目中使用 azure blob 图像 URL答案

【问题标题】：Using azure blob image URL in angular project在 Angular 项目中使用 azure blob 图像 URL
【发布时间】：2020-12-12 20:17:57
【问题描述】：

我有一个 ASP.NET WEB API 和一个 Angular 项目。我愿意使用 Azure blob 存储来检索图像文件并将它们显示给用户。从 API 检索图像 URL，将其发送到客户端，然后在客户端使用该 URL 来显示图像是一种好习惯吗？网址示例：https://someurl.blob.core.windows.net/blobcontainer/someimage 我不确定是否应该对用户隐藏 URL。

【问题讨论】：

我建议您首先在您的存储帐户上设置一个自定义域。
@DanielBjörk 谢谢你的建议。你能告诉我更多关于为什么我应该为存储帐户使用自定义域的信息吗？
以便您的 URL 隐藏您正在使用 Azure 存储帐户。相反，您将获得 img.yourdomain.com/xxx/myimage.jpg

标签： angular azure asp.net-web-api azure-blob-storage

【解决方案1】：

如果这是一个客户端应用程序并且会被大量使用，那么另一个好的做法是使用 Azure CDN，它非常易于与 Azure BLOB 存储一起使用。使用相对 URL，一种方法是将确切路径放在您的应用程序设置中，例如 web.config 文件，但将 imagename.jpg 放在您的应用程序中，最后通过 SAS 保护从客户端对存储的访问，这是其中之一最常用的保护方法。

https://docs.microsoft.com/en-us/azure/storage/common/storage-sas-overview

Azure BLOB 存储的安全最佳实践 https://docs.microsoft.com/en-us/azure/storage/blobs/security-recommendations

【讨论】：

谢谢哈桑