SignalR 与 React Native Expo:: 没有发生任何事情

Question

我有一个具有消息功能的移动应用程序。后端是.NET Core 6.0控制台应用程序。前端是React Native Expo应用程序。当用户键入“发送”按钮时，它将消息保存在数据库中，并将新消息推向另一个用户的屏幕（目前仅是一对一的对话）。一切都起作用，除非它试图将新消息推向收件人。我已经在Stackoverflow上尝试过其他解决方案，但是到目前为止，没有一个没有帮助...

.NET应用程序托管在Azure上，我正在使用实际设备运行Expo应用程序。

新消息没有被推到收件人的屏幕上。我之前遇到了404个错误，但事实证明是其他错误。我浏览了代码，然后执行了 _MessageHub.clients.all.sendasync（“接收到”，消息）; fine，但其他手机没有收到新消息。

REACT本地博览会代码：

import { HubConnectionBuilder } from '@microsoft/signalr';
import React, { useEffect, useState } from 'react';

export default function Conversation({ navigation, route }: any) {
    const [messages, setMessages] = useState([]);
    const [message, setMessage] = useState("");
    const conversation = route.params.data;
    const personId = getCurrentUser().personId;

    useEffect(() => {
        loadMessages();

        try {
            const connection = new HubConnectionBuilder()
                .withUrl(`${Settings.ApiUrl}/hubs-message`)
                .build();
            connection.start().then(() => console.log("started"));
            connection.on("ReceivedMessage", message => {
                console.log(message);
                let updateMessage = messages;
                updateMessage.unshift(message);
                setMessages(updateMessage);
            });
        }
        catch (e) { console.error("error here", e); }
    }, []);

    const sendMessage = () => {
        postUser(`${Settings.ApiUrl}/v1/Message/Send`, {
            message: message,
            conversationId: conversation.id
        }).then((data: any) => {
            setMessage("");
            let updateMessages = [...messages];
            updateMessages.unshift(data.Message);
            setMessages(updateMessages);
        });
    };
....
....
}

.net核心代码：

program.cs

builder.Services.AddSignalR();
var app = builder.Build();
...
...
app.UseCors();
app.UseHttpsRedirection();
app.MapControllers();
app.UseAuthentication();
app.UseAuthorization();
app.MapHub<MessageHub>("/hubs-message");

messageHub.cs //没有太多目前...

[Authorize]
public class MessageHub : Hub
{
    
}

notificationationservice.cs // MessageController将消息保存到数据库以将新消息推向收件人之后。

public class NotificationService
{
    private readonly IHubContext<MessageHub> _messageHub;
    public NotificationService(IHubContext<MessageHub> messageHub) 
    { 
        _messageHub = messageHub;
    }
    ...
    ...
    if (newMessageSentData.ActiveOnConversationId == conversationId)
    {
        try
        {
           //push new message to receiver
           _messageHub.Clients.All.SendAsync("ReceivedMessage", message);
        }
        catch (Exception ex)
        {
           //NO exception thrown
           var a = ex.Message;
        }
    }
}

Answer 1

我能够通过转移到Azure Signalr来使它起作用。设置非常容易。这是一个YouTube视频，显示要执行此操作 https://wwww.youtube。 com/watch？v = wpqzrq6wnbw＆amp; t = 759s 。

Azure Portal

将SignalR服务添加到我的资源组中，并在设置下复制连接字符串 group

program.cs ，

builder.Services.AddSignalR().AddAzureSignalR("[Azure SignalR Connection String]");
var app = builder.Build();
...
...
app.UseAzureSignalR(routes =>
{
    routes.MapHub<MessageHub>("/hubs-message");
});