在ASP.NET Core中，SignalR是一个用于实现实时Web功能的开源库。它允许服务器在与客户端建立连接后，主动将数据推送到客户端，而无需客户端发起请求。Invoke方法是SignalR客户端用于调用服务器端Hub方法的主要方式之一。
下面是一个简单的示例，展示了如何在ASP.NET Core SignalR中使用Invoke方法进行实时通信：
Startup.cs文件中，配置SignalR：public void ConfigureServices(IServiceCollection services)
{
services.AddSignalR();
}
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
app.UseRouting();
app.UseEndpoints(endpoints =>
{
endpoints.MapHub<ChatHub>("/chatHub");
});
}
ChatHub.cs：public class ChatHub : Hub
{
public async Task SendMessage(string user, string message)
{
await Clients.All.SendAsync("ReceiveMessage", user, message);
}
}
在这个例子中，SendMessage方法将接收到的用户名和消息广播给所有连接的客户端。
<!DOCTYPE html>
<html>
<head>
<title>SignalR Chat</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aspnet-signalr/5.0.11/signalr.min.js"></script>
</head>
<body>
<div id="chat"></div>
<input id="userInput" type="text" placeholder="Enter your message" />
<button id="sendButton">Send</button>
<script>
const connection = new signalR.HubConnectionBuilder()
.withUrl("/chatHub")
.build();
connection.on("ReceiveMessage", function(user, message) {
const chat = document.getElementById("chat");
const item = document.createElement("div");
item.textContent = `${user}: ${message}`;
chat.appendChild(item);
});
connection.start().then(() => {
document.getElementById("sendButton").onclick = function() {
const userInput = document.getElementById("userInput");
const message = userInput.value;
connection.invoke("SendMessage", "User", message);
userInput.value = "";
};
});
</script>
</body>
</html>
在这个例子中，客户端通过调用connection.invoke方法来调用服务器端的SendMessage方法，并将用户名和消息作为参数传递。服务器端接收到消息后，将其广播给所有连接的客户端。
这就是在ASP.NET Core SignalR中使用Invoke方法进行实时通信的基本示例。你可以根据自己的需求扩展这个示例，例如添加用户身份验证、私人聊天室等。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
