javascript - 在没有 ADAL 的情况下从 Javascript 调用经过 AAD 验证的 Azure 函数？不存在 Access-control-allow-origin header

Question

是否可以从 javascript 调用经过 AAD 身份验证的 Azure 函数，而无需使用 ADAL 等身份验证库，并且无需向 Microsoft 注册客户端应用程序？

收到此错误:请求的资源上不存在“Access-Control-Allow-Origin” header 。起源'

简单的 Web 客户端应用程序和 azure 功能都在同一 AAD 下注册。两者都有 azurewebsites.net 域。

我们能拥有的最轻量的网络客户端是什么？

Answer 1

您收到的错误来自 cross-origin resource sharing (CORS)查看。我怀疑从网络应用程序调用该函数时会发生这种情况。这个想法是，浏览器首先发出 OPTIONS 请求，以查看是否允许调用者(Web 应用程序)调用不同域(函数应用程序)上的资源。如果获得批准，那么它将实际调用该函数。

因此，我们只需让函数应用程序做出响应，让浏览器知道调用是允许的。幸运的是，Functions 具有内置的 CORS 功能。在门户中，为您的函数应用选择平台功能。在 API 部分下，您将看到 CORS 选项。添加函数应用的域，然后单击保存。您应该会看到 Access-Control-Allow-Origin 错误消失。

对于 AAD，任何 OpenID Connect 客户端库都可以工作 - 不过，ADAL 是一个不错的选择。不过，您可能仍然需要创建客户端注册。