azure - 如何使用 HubConnectionBuilder 配置与 Azure SignalR 服务的 ReactJS URL 连接

Question

您好，我想知道如何设置 HubConnectionBuilder URL 以将我的基于 ReactJS 函数的客户端应用程序连接到 Azure SignalR 服务。我正在使用端点=https://xxxxxxxxxxxx-signalr.service.signalr.net;AccessKey=m5QcxLFV+3Wx+tzxxn4SUiBqWZUOmzG8nix4OxxxOhg4=;Version=1.0;如下:

useEffect(() => {
console.log('testing const2');
const newConnection = new HubConnectionBuilder()
.withUrl('Endpoint=https://xxxxxxxxxxxx-    signalr.service.signalr.net;AccessKey=m5QcxLFV+3Wx+tzMZn4SUiBqWZUOmxxxxix4O1pOhg4=;Version=1.0;')            
.withAutomaticReconnect()
 .build();

 setConnection(newConnection);
    
 }, []);

期望与 Azure SignalR 服务建立连接。当我收到此错误时，有人可以告诉我如何设置此权利吗？

Cannot POST /Endpoint=https://xxxxxxxxxx-signalr.service.signalr.net;AccessKey=m5QcxLFV+3WxxxxxZn4SUiBqWZUOmzG8nix4O1pOhg4=;Version=1.0;/negotiate

:状态代码“404”这不是 SignalR 端点，或者有代理阻止连接。

Answer 1

我仍在研究，但基本上使用 Azure SignalR 服务，您可以使用 Azure 函数来获取带有客户端或访问 token 的 URL。它返回客户端应用程序(又名 ReactJS)特定 URL，以包含在 HubConnectionBuilder 的 withURL 中。这样，出于安全目的，每个客户端都会获得自己的 URL。确保 CORS 启用 Azure 资源门户设置中的所有源。