溫馨提示×

如何在客戶端使用JavaScript建立SignalR連接

小樊
176
2024-05-09 15:11:56
欄目: 編程語言

要在客戶端使用JavaScript建立SignalR連接，您需要包含SignalR JavaScript客戶端庫，并編寫連接代碼。

以下是一個(gè)簡單的示例：

  1. 首先，在您的HTML文件中包含SignalR JavaScript客戶端庫：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/microsoft-signalr/5.0.4/signalr.min.js"></script>
  1. 然后編寫JavaScript代碼建立SignalR連接：
const connection = new signalR.HubConnectionBuilder()
    .withUrl("http://localhost:5000/chatHub") //指定SignalR Hub的URL
    .configureLogging(signalR.LogLevel.Information)
    .build();

connection.start()
    .then(() => {
        console.log("SignalR連接已建立");
    })
    .catch(err => console.error(err));

在上面的代碼中，我們首先創(chuàng)建一個(gè)SignalR連接，指定SignalR Hub的URL，然后調(diào)用start()方法建立連接。連接建立成功后，會打印出"SignalR連接已建立"。

請注意，您需要將http://localhost:5000/chatHub替換為您自己的SignalR Hub的URL。您還可以根據(jù)需要配置連接選項(xiàng)，如日志級別等。

希望這可以幫助您建立SignalR連接使用JavaScript客戶端。

0 踩