使用Azure Storage API 上传文件解决微信小程序中上传图片的问题

本文介绍：

使用Azure Storage REST API 上传文件；

为Azure Storage Account设定仅HTTP的自定义域名；

为Azure Storage Account通过Azure CDN开启HTTPS的自定义域名；

背景：

某微信小程序应用每天要上传海量图片，如果直接将图片上传到服务器，则可能收到服务器带宽限制导致并发数受限制。

Azure Storage Account 为每个文件提供了据说“40MB/S”的带宽（此数据来源于网络仅供参考，未从微软官网找到相关数据），如果小程序的上传图片直接上传到Azure Storage Account 则可以大幅降低服务器的带宽压力。

两种方案供参考：

方案一：

在小程序中调用Azure Storage Account 的JS SDK 上传文件，因为我手里没有微信小程序可供测试，故不确定是否可行（似乎小程序对第三方JS有些特定的要求）。

Azure Storage Account JS SDK下载地址：

https://docs.microsoft.com/zh-cn/azure/storage/blobs/quickstart-blobs-javascript-browser?WT.mc_id=AZ-MVP-5003757

方案二：

在小程序中直接调用Azure Storage Account 的REST API 中的PUT请求直接上传文件：

需要使用SAS：

设定CORS：

在PostMan中模拟如下：

PUT请求，Header中增加x-ms-blob-type：BlockBlob，URL为：

https://{StorageAccount_Name}.blob.core.windows.net/{container_name}/{blob_name}?{sas}

body 设定如下：

如果需要动态生成sas，则可参照如下连接：

https://docs.microsoft.com/zh-cn/azure/storage/common/storage-account-sas-create-dotnet?toc=%2Fazure%2Fstorage%2Fblobs%2Ftoc.json&WT.mc_id=AZ-MVP-5003757

示例代码如下：

private static string GetAccountSASToken(StorageSharedKeyCredential key)
{
    // Create a SAS token that's valid for one hour.
    AccountSasBuilder sasBuilder = new AccountSasBuilder()
    {
        Services = AccountSasServices.Blobs | AccountSasServices.Files,
        ResourceTypes = AccountSasResourceTypes.Service,
        ExpiresOn = DateTimeOffset.UtcNow.AddHours(1),
        Protocol = SasProtocol.Https
    };

    sasBuilder.SetPermissions(AccountSasPermissions.Read |
        AccountSasPermissions.Write);

    // Use the key to get the SAS token.
    string sasToken = sasBuilder.ToSasQueryParameters(key).ToString();

    Console.WriteLine("SAS token for the storage account is: {0}", sasToken);
    Console.WriteLine();

    return sasToken;
}

小程序要求使用 https 及 ICP备案：

可参照如下连接对Azure Storage 进行非https的自定义域名设置（这种设置小程序不能使用）：

上传完成后，可以使用默认的主终结点访问网站：