Get started with aspnet-signalr CDN

Apache-2.0 licensed

Asp.Net SignalR: library for real-time, bi-directional server-client communication.

Tags:
  • signalr
  • websocket

Stable version

Copied!

How to start using aspnet-signalr CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with aspnet-signalr CDN - cdnhub.io</title>
    <style>
        /* Add any custom styles here */
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.cdnhub.io/aspnet-signalr/1.0.27/signalr.min.js"></script>
    <script>
        $(function () {
            // Create a new SignalR connection.
            var connection = new signalR.HubConnection('/signalr');

            // Start the connection.
            connection.start().done(function () {
                console.log('SignalR connection started.');

                // Receive messages from the server.
                connection.on('ReceiveMessage', function (message) {
                    $('#messagesList').append('<li><strong>' + message.name + ':</strong> ' + message.message + '</li>');
                });

                // Send a message to the server.
                $('#sendMessageButton').click(function () {
                    var name = $('#name').val();
                    var message = $('#message').val();
                    connection.send('SendMessage', name, message);
                    $('#message').val('');
                });
            });
        });
    </script>
</head>
<body>
    <div>
        <input id="name" type="text" placeholder="Your name" />
        <input id="message" type="text" placeholder="Your message" />
        <button id="sendMessageButton">Send</button>
    </div>
    <ul id="messagesList"></ul>
    <script src="~/signalr/hubs"></script>
</body>
</html>
Copied!
Copied!

All versions