Google Doc Viewer无法加载带SAS参数的Azure存储文件求助

我之前也踩过这个坑！核心问题是Google ViewerNG的url参数要求接收完全URL编码后的目标地址，当你的目标URL（比如带SAS的Azure Blob链接）本身包含查询参数时，直接拼接会导致参数解析混乱——ViewerNG会把SAS里的&和参数当成自己的查询参数，自然无法正确加载文件。

正确的解决步骤： #

• 对完整的Azure Blob URL进行URL编码：不要只编码SAS部分，要把包含协议、Blob路径、SAS参数的整个URL都做编码。比如你提供的Blob URL：

  https://mysite.blob.core.windows.net/container4-18-1/20180427110822_Photos-HD-Desktop-Wallpaper.jpg?sv=2015-07-08&sr=c&sig=TawX1t9hNVUHuYdV%2FEG5%2F2it%2Bf8lYurFIQt2VXPMcTw%3D&se=2018-04-27T13%3A40%3A10Z&sp=rwl
  

  编码后会变成：

  https%3A%2F%2Fmysite.blob.core.windows.net%2Fcontainer4-18-1%2F20180427110822_Photos-HD-Desktop-Wallpaper.jpg%3Fsv%3D2015-07-08%26sr%3Dc%26sig%3DTawX1t9hNVUHuYdV%252FEG5%252F2it%252Bf8lYurFIQt2VXPMcTw%253D%26se%3D2018-04-27T13%253A40%253A10Z%26sp%3Drwl
  

• 拼接成ViewerNG的最终URL：把编码后的Blob URL作为url参数的值传入，最终的ViewerNG链接应该是：

  https://docs.google.com/viewerng/viewer?url=https%3A%2F%2Fmysite.blob.core.windows.net%2Fcontainer4-18-1%2F20180427110822_Photos-HD-Desktop-Wallpaper.jpg%3Fsv%3D2015-07-08%26sr%3Dc%26sig%3DTawX1t9hNVUHuYdV%252FEG5%252F2it%252Bf8lYurFIQt2VXPMcTw%253D%26se%3D2018-04-27T13%253A40%253A10Z%26sp%3Drwl
  

为什么之前编码失败？ #

大概率是你只编码了SAS部分或者编码不彻底。比如SAS里的%2F已经是编码后的斜杠，如果只编码这部分，ViewerNG解码后会得到原始的/，但如果没编码整个URL，ViewerNG会把第一个?后的内容当成自己的参数，导致Azure Blob的SAS参数被截断。

编码工具推荐（本地生成更可靠）： #

• 前端可以用JavaScript的encodeURIComponent()函数，确保编码完整；
• 后端可以用对应语言的URL编码方法，比如Python的urllib.parse.quote()，Java的URLEncoder.encode()。

内容的提问来源于stack exchange，提问作者user3226528