如何在.NET 5隔离版Azure Function HttpTrigger中获取URL锚点#携带的参数

核心前提 #

URL中#后的内容属于片段标识符（Fragment），是HTTP协议规定专门给浏览器/用户代理使用的部分，默认不会被发送到任何服务端，因此你直接在.NET 5隔离模式的Azure Function HttpTrigger中无法直接从请求中获取这部分参数。

你提到的OAuth 2.0隐式流规范里，将访问令牌放在#后返回，本身就是为了避免令牌传输到后端、泄露在服务端日志中，设计上就是仅允许前端上下文读取。

两种可行解决方案 #

方案1：前端中转读取后转发到Azure Function（符合规范推荐） #

你可以将OAuth回调地址指向一个空白静态前端页面，用前端JS读取片段参数后，再通过POST请求/查询参数转发给你的Azure Function：
前端示例代码：

// 回调静态页面逻辑
if (window.location.hash) {
  // 移除开头的#号，解析参数
  const hashSearch = new URLSearchParams(window.location.hash.slice(1));
  const param1 = hashSearch.get('param1');
  const param2 = hashSearch.get('param2');
  // 转发参数到Azure Function
  fetch("<你的Azure Function接口地址>", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ param1, param2 })
  })
}

方案2：修改OAuth授权模式，让参数直接传到服务端 #

如果你不需要遵循隐式流的安全设计，可以调整授权请求的response_mode参数为query，授权服务就会把参数放到?后的查询字符串中，此时你可以直接在Azure Function中读取：
.NET 5隔离模式Azure Function读参示例：

using Microsoft.Azure.Functions.Worker;
using Microsoft.Azure.Functions.Worker.Http;
using System.Net;

public class ParamTrigger
{
    [Function("GetHashParams")]
    public HttpResponseData Run(
        [HttpTrigger(AuthorizationLevel.Anonymous, "get", "post")] HttpRequestData req)
    {
        // 直接读取查询参数
        string param1 = req.Query["param1"];
        string param2 = req.Query["param2"];

        var response = req.CreateResponse(HttpStatusCode.OK);
        response.WriteString($"param1:{param1}, param2:{param2}");
        return response;
    }
}

更推荐你改用OAuth 2.0授权码流，相比隐式流安全性更高，参数本身就会通过查询字符串传递到后端，不存在读取不到的问题。

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