Get started with microsoft-signalr CDN

Apache-2.0 licensed

Microsoft SignalR is a library for real-time, bidirectional communication between server and client applications.

Tags:

signalr
websocket

Stable version

https://cdn.cdnhub.io/microsoft-signalr/8.0.7/signalr.min.js Copied!

How to start using microsoft-signalr CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with microsoft-signalr CDN - cdnhub.io</title>
    <script src="https://cdn.jsdelivr.net/npm/@aspnet/signalr@8.0.0/dist/signalr.min.js"></script>
    <script>
        const connection = new signalR.HubConnectionBuilder()
            .withUrl("/signalr")
            .build();

        connection.on("ReceiveMessage", (message) => {
            const messagesList = document.getElementById("messagesList");
            messagesList.innerHTML += `<li>${message}</li>`;
        });

        connection.start().catch((err) => {
            return console.error(err.toString());
        });

        function sendMessage(message) {
            connection.invoke("SendMessage", message).catch((err) => {
                return console.error(err.toString());
            });
        }

        document.getElementById("sendButton").addEventListener("click", () => {
            const user = document.getElementById("user").value;
            const message = document.getElementById("message").value;
            sendMessage(`${user}: ${message}`);
            document.getElementById("message").value = "";
        });
    </script>
</head>
<body>
    <div>
        <input id="user" type="text" placeholder="Your name" />
        <input id="message" type="text" placeholder="Type a message and press Enter" />
        <button id="sendButton">Send</button>
    </div>
    <ul id="messagesList"></ul>
    <script src="https://cdn.cdnhub.io/microsoft-signalr/8.0.0/signalr.min.js"></script>
</body>
</html>

Select version:

https://cdn.cdnhub.io/microsoft-signalr/8.0.7/signalr.js Copied!

https://cdn.cdnhub.io/microsoft-signalr/8.0.7/signalr.min.js Copied!

Get started with microsoft-signalr CDN

Stable version

How to start using microsoft-signalr CDN

All versions