Tworzenie przykładu WebSocket „Hello World”


85

Nie rozumiem, dlaczego nie mogę uruchomić następującego kodu. Chcę połączyć się za pomocą JavaScript z moją aplikacją konsoli serwera. A następnie wyślij dane na serwer.

Oto kod serwera:

    static void Main(string[] args)
    {            
        TcpListener server = new TcpListener(IPAddress.Parse("127.0.0.1"), 9998);
        server.Start();
        var client = server.AcceptTcpClient();
        var stream = client.GetStream();

        while (true)
        {
            var buffer = new byte[1024]; 
            // wait for data to be received
            var bytesRead = stream.Read(buffer, 0, buffer.Length);                
            var r = System.Text.Encoding.UTF8.GetString(buffer);
            // write received data to the console
            Console.WriteLine(r.Substring(0, bytesRead));
        }
    }

a oto JavaScript:

        var ws = new WebSocket("ws://localhost:9998/service");
        ws.onopen = function () {
            ws.send("Hello World"); // I WANT TO SEND THIS MESSAGE TO THE SERVER!!!!!!!!
        };

        ws.onmessage = function (evt) {
            var received_msg = evt.data;
            alert("Message is received...");
        };
        ws.onclose = function () {
            // websocket is closed.
            alert("Connection is closed...");
        };

Kiedy uruchamiam ten kod, dzieje się tak:

Zauważ, że kiedy uruchamiam JavaScript, serwer akceptuje i pomyślnie nawiązuje połączenie. JavaScript nie jest jednak w stanie przesyłać danych. Za każdym razem, gdy umieszczam metodę wysyłania, nie będzie ona wysyłana, mimo że zostanie nawiązane połączenie. Jak mogę to zrobić?


9
To „pytanie” nie wydaje się już być pytaniem, a zatem nie pasuje do formatu StackOverflow. FWIW, wiadomość klienta nie jest szyfrowana , jest maskowana (zaciemniana) przez XOR względem losowej wartości, która jest przesyłana jako część ramki. Ten szczegół protokołu istnieje, aby uniknąć ataków zatrucia na serwery proxy, które mogą źle zrozumieć ruch.
— EricLaw,

1
dzięki, ta odpowiedź jest bardzo pomocna :) hej, tylko jedno, to "statyczny prywatny ciąg znaków guid =" 258EAFA5-E914-47DA-95CA-C5AB0DC85B11 ";" rzecz jest zawsze stała? jeśli nie, gdzie mogę uzyskać te wartości?
— Charmie

1
Mam to: „Serwer nie może maskować żadnych ramek, które wysyła do klienta”
— Charmie,

5
Prawdopodobnie powinieneś był pozostawić pierwotne pytanie nietknięte. Celem pytań jest przedstawienie problemu, a nie rozwiązania. Odpowiedzi, jak można się domyślić, dotyczą rozwiązań.
— Kehlan Krumme

1
Dlaczego adres URL WebSocket kończy się na „/ service” (ws: // localhost: 8080 / service)? Dlaczego nie po prostu „ws: // localhost: 8080”?
— andree

Odpowiedzi:


72

WebSockets to protokół oparty na połączeniu strumieniowym TCP. Chociaż WebSockets jest protokołem opartym na wiadomościach.

Jeśli chcesz zaimplementować własny protokół, to polecam korzystać z najnowszej i stabilnej specyfikacji (dla 18/04/12) RFC 6455 . Niniejsza specyfikacja zawiera wszystkie niezbędne informacje dotyczące uzgadniania i ramkowania. Jak również większość opisów scenariuszy zachowań od strony przeglądarki, a także po stronie serwera. Zdecydowanie zaleca się przestrzeganie zaleceń dotyczących strony serwera podczas implementacji kodu.

W kilku słowach opisałbym pracę z WebSockets w następujący sposób:

  1. Utwórz serwer Socket (System.Net.Sockets), powiąż go z określonym portem i kontynuuj nasłuchiwanie z asynchronicznym akceptowaniem połączeń. Coś w tym stylu:

    Socket serverSocket = new Socket (AddressFamily.InterNetwork, SocketType.Stream, ProtocolType.IP);
    serverSocket.Bind (nowy IPEndPoint (IPAddress.Any, 8080));
    serverSocket.Listen (128);
    serverSocket.BeginAccept (null, 0, OnAccept, null);
  2. Powinieneś mieć akceptację funkcji "OnAccept", która zaimplementuje handshake. W przyszłości musi znajdować się w innym wątku, jeśli system ma obsługiwać dużą liczbę połączeń na sekundę.

    private void OnAccept (wynik IAsyncResult) {
    próbować {
        Klient gniazda = null;
        if (serverSocket! = null && serverSocket.IsBound) {
            client = serverSocket.EndAccept (wynik);
        }
        if (client! = null) {
            / * Uzgadnianie i zarządzanie ClientSocket * /
        }
    } catch (wyjątek SocketException) {
    
    } Wreszcie {
        if (serverSocket! = null && serverSocket.IsBound) {
            serverSocket.BeginAccept (null, 0, OnAccept, null);
        }
    }
    }
  3. Po nawiązaniu połączenia musisz wykonać uścisk dłoni . W oparciu o specyfikację 1.3 Opening Handshake , po nawiązaniu połączenia otrzymasz podstawowe żądanie HTTP z pewnymi informacjami. Przykład:

    GET / chat HTTP / 1.1
    Host: serwer.example.com
    Aktualizacja: websocket
    Połączenie: uaktualnij
    Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ ==
    Pochodzenie: http://example.com
    Protokół Sec-WebSocket: chat, superchat
    Wersja Sec-WebSocket: 13

    Ten przykład jest oparty na wersji protokołu 13. Należy pamiętać, że starsze wersje mają pewne różnice, ale w większości najnowsze wersje są wzajemnie kompatybilne. Różne przeglądarki mogą przesyłać dodatkowe dane. Na przykład szczegóły przeglądarki i systemu operacyjnego, pamięć podręczna i inne.

    Na podstawie podanych szczegółów uzgadniania musisz wygenerować wiersze odpowiedzi, są one w większości takie same, ale będą zawierać klucz Accpet, który jest oparty na dostarczonym kluczu Sec-WebSocket-Key. W specyfikacji 1.3 jest jasno opisane, jak wygenerować klucz odpowiedzi. Oto moja funkcja, której używałem w V13:

    statyczny łańcuch prywatny guid = "258EAFA5-E914-47DA-95CA-C5AB0DC85B11";
    private string AcceptKey (ref string key) {
        string longKey = klucz + identyfikator guid;
        SHA1 sha1 = SHA1CryptoServiceProvider.Create ();
        byte [] hashBytes = sha1.ComputeHash (System.Text.Encoding.ASCII.GetBytes (longKey));
        return Convert.ToBase64String (hashBytes);
    }
    

    Odpowiedź uścisk dłoni wygląda następująco:

    HTTP / 1.1 101 Przełączanie protokołów
    Aktualizacja: websocket
    Połączenie: uaktualnij
    Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK + xOo =

    Ale klucz akceptacji musi być wygenerowany na podstawie klucza dostarczonego przez klienta i metody AcceptKey, którą wcześniej podałem. Ponadto upewnij się, że po ostatnim znaku klawisza akceptacji umieściłeś dwie nowe linie "\ r \ n \ r \ n".

  4. Po wysłaniu odpowiedzi typu handshake z serwera klient powinien uruchomić funkcję „ onopen ”, co oznacza, że ​​możesz wysyłać wiadomości po.
  5. Wiadomości nie są wysyłane w formacie surowym, ale zawierają ramkę danych . Od klienta do serwera również implementuj maskowanie danych na podstawie dostarczonych 4 bajtów w nagłówku wiadomości. Chociaż od serwera do klienta nie musisz stosować maskowania danych. Przeczytaj rozdział 5. Ramki danych w specyfikacji. Oto kopiuj-wklej z mojej własnej implementacji. Nie jest to kod gotowy do użycia i musi zostać zmodyfikowany, zamieszczam go tylko po to, aby dać wyobrażenie i ogólną logikę odczytu / zapisu z ramkami WebSocket. Przejdź do tego linku .
  6. Po wdrożeniu ramkowania upewnij się, że otrzymujesz dane we właściwy sposób za pomocą gniazd. Na przykład, aby zapobiec scalaniu niektórych wiadomości w jeden, ponieważ TCP jest nadal protokołem opartym na strumieniu. Oznacza to, że musisz przeczytać TYLKO określoną ilość bajtów. Długość wiadomości jest zawsze oparta na nagłówku i podanych szczegółach długości danych w samym nagłówku. Więc kiedy odbierasz dane z Socket, najpierw odbierz 2 bajty, pobierz szczegóły z nagłówka na podstawie specyfikacji Framing, następnie jeśli maska ​​dostarczy kolejne 4 bajty, a następnie długość, która może wynosić 1, 4 lub 8 bajtów na podstawie długości danych. I po danych sobie. Po przeczytaniu zastosuj demasking, a dane wiadomości są gotowe do użycia.
  7. Możesz chcieć użyć protokołu danych , polecam użycie JSON ze względu na ekonomię ruchu i łatwość użycia po stronie klienta w JavaScript. Po stronie serwera możesz chcieć sprawdzić niektóre parsery. Jest ich dużo, Google może być naprawdę pomocne.

Implementacja własnego protokołu WebSockets z pewnością ma pewne zalety i wspaniałe doświadczenie, a także kontrolę nad samym protokołem. Ale musisz poświęcić na to trochę czasu i upewnić się, że implementacja jest wysoce niezawodna.

W tym samym czasie możesz zajrzeć do gotowych rozwiązań, których Google (znowu) ma dość.


Chyba utknąłem na uścisku dłoni. kiedy otrzymuję nowe połączenie, muszę wysłać klientowi skrót sha1 długiego klucza i krótkiego klucza, prawda?
— Tono Nam

Dodałem więcej informacji w sekcji 3. Opisuje więcej szczegółów dotyczących uzgadniania ze strony serwera.
— moka

1
Upewnij się również, że jeśli w żądaniu są podane protokoły, użyj tego samego w odpowiedzi dla linii Sec-WebSocket-Protocol. Ale tylko wtedy, gdy jest to wymagane. Nie potrzebujesz też wersji do odpowiedzi. I na koniec dodaj kolejną nową linię. Jak dobrze wyślij cały ciąg odpowiedzi zakodowany przy użyciu UTF8: Encoding.UTF8.GetBytes (responseBytes)
— moka Kwietnia

Jesteśmy blisko. Dziękuję bardzo za pomoc. Mogę teraz wysłać wiadomość, ale wydaje mi się, że jest ona zaszyfrowana. Spójrz na moją edycję, nad którą niedługo zacznę pracę ...
— Tono Nam

Musisz zaimplementować ramkowanie danych, będzie to moim zdaniem najbardziej skomplikowany bit we wdrażaniu protokołu WebSockets. Dodam kod kopiuj-wklej z mojej implementacji do posta, ale pamiętaj, aby go edytować, ponieważ ma kilka rzeczy do zmiany, ale ogólnie daje pomysł i logikę pracy z ramką.
— moka

9

(Wysłana odpowiedź w imieniu PO) .

Mogę teraz wysłać dane. To moja nowa wersja programu dzięki Twoim odpowiedziom i kodowi @Maksims Mihejevs.

serwer

using System;
using System.Net.Sockets;
using System.Net;
using System.Security.Cryptography;
using System.Threading;

namespace ConsoleApplication1
{
    class Program
    {
        static Socket serverSocket = new Socket(AddressFamily.InterNetwork, 
        SocketType.Stream, ProtocolType.IP);
        static private string guid = "258EAFA5-E914-47DA-95CA-C5AB0DC85B11";

        static void Main(string[] args)
        {            
            serverSocket.Bind(new IPEndPoint(IPAddress.Any, 8080));
            serverSocket.Listen(128);
            serverSocket.BeginAccept(null, 0, OnAccept, null);            
            Console.Read();
        }

        private static void OnAccept(IAsyncResult result)
        {
            byte[] buffer = new byte[1024];
            try
            {
                Socket client = null;
                string headerResponse = "";
                if (serverSocket != null && serverSocket.IsBound)
                {
                    client = serverSocket.EndAccept(result);
                    var i = client.Receive(buffer);
                    headerResponse = (System.Text.Encoding.UTF8.GetString(buffer)).Substring(0,i);
                    // write received data to the console
                    Console.WriteLine(headerResponse);

                }
                if (client != null)
                {
                    /* Handshaking and managing ClientSocket */

                    var key = headerResponse.Replace("ey:", "`")
                              .Split('`')[1]                     // dGhlIHNhbXBsZSBub25jZQ== \r\n .......
                              .Replace("\r", "").Split('\n')[0]  // dGhlIHNhbXBsZSBub25jZQ==
                              .Trim();

                    // key should now equal dGhlIHNhbXBsZSBub25jZQ==
                    var test1 = AcceptKey(ref key);

                    var newLine = "\r\n";

                    var response = "HTTP/1.1 101 Switching Protocols" + newLine
                         + "Upgrade: websocket" + newLine
                         + "Connection: Upgrade" + newLine
                         + "Sec-WebSocket-Accept: " + test1 + newLine + newLine
                         //+ "Sec-WebSocket-Protocol: chat, superchat" + newLine
                         //+ "Sec-WebSocket-Version: 13" + newLine
                         ;

                    // which one should I use? none of them fires the onopen method
                    client.Send(System.Text.Encoding.UTF8.GetBytes(response));

                    var i = client.Receive(buffer); // wait for client to send a message

                    // once the message is received decode it in different formats
                    Console.WriteLine(Convert.ToBase64String(buffer).Substring(0, i));                    

                    Console.WriteLine("\n\nPress enter to send data to client");
                    Console.Read();

                    var subA = SubArray<byte>(buffer, 0, i);
                    client.Send(subA);
                    Thread.Sleep(10000);//wait for message to be send


                }
            }
            catch (SocketException exception)
            {
                throw exception;
            }
            finally
            {
                if (serverSocket != null && serverSocket.IsBound)
                {
                    serverSocket.BeginAccept(null, 0, OnAccept, null);
                }
            }
        }

        public static T[] SubArray<T>(T[] data, int index, int length)
        {
            T[] result = new T[length];
            Array.Copy(data, index, result, 0, length);
            return result;
        }

        private static string AcceptKey(ref string key)
        {
            string longKey = key + guid;
            byte[] hashBytes = ComputeHash(longKey);
            return Convert.ToBase64String(hashBytes);
        }

        static SHA1 sha1 = SHA1CryptoServiceProvider.Create();
        private static byte[] ComputeHash(string str)
        {
            return sha1.ComputeHash(System.Text.Encoding.ASCII.GetBytes(str));
        }
    }
}

JavaScript:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript">
        function connect() {
            var ws = new WebSocket("ws://localhost:8080/service");
            ws.onopen = function () {
                alert("About to send data");
                ws.send("Hello World"); // I WANT TO SEND THIS MESSAGE TO THE SERVER!!!!!!!!
                alert("Message sent!");
            };

            ws.onmessage = function (evt) {
                alert("About to receive data");
                var received_msg = evt.data;
                alert("Message received = "+received_msg);
            };
            ws.onclose = function () {
                // websocket is closed.
                alert("Connection is closed...");
            };
        };


    </script>
</head>
<body style="font-size:xx-large" >
    <div>
    <a href="#" onclick="connect()">Click here to start</a></div>
</body>
</html>

Po uruchomieniu tego kodu jestem w stanie wysyłać i odbierać dane zarówno od klienta, jak i serwera. Jedynym problemem jest to, że wiadomości są szyfrowane, gdy docierają do serwera. Oto kroki, jak działa program:

wprowadź opis obrazu tutaj

Zwróć uwagę, jak wiadomość od klienta jest szyfrowana.


2
Coś jest nie tak z twoim przykładem, kiedy naciskam Enter Połączenie przechodzi do zamknięcia.
— Richard Aguirre

@RichardAguirre: Opublikowałem to w imieniu PO (patrz pierwsza linia odpowiedzi) - obecnie nie zostaną oni powiadomieni o Twojej wiadomości. Możesz spróbować pingować je pod pytaniem, ale prawdopodobnie będą potrzebować znacznie więcej szczegółów.
— halfer

6

WebSockets są implementowane za pomocą protokołu, który obejmuje uzgadnianie między klientem a serwerem . Nie wyobrażam sobie, żeby działały jak zwykłe gniazdka. Zapoznaj się z protokołem i poproś swoją aplikację o jej omówienie. Alternatywnie, użyj istniejącej biblioteki WebSocket lub .Net4.5beta z interfejsem API WebSocket .


Oczywiście działają bardzo podobnie do zwykłych gniazd. Gniazdo jest na niższym poziomie niż protokół aplikacji i jako takie nie jest od niego zależne. Oznacza to, że możesz uruchomić FTP, SMTP, HTTP, WebSockets, itp ... na gnieździe. Do implementatora należy upewnienie się, że postępuje zgodnie z protokołem, w przeciwnym razie nikt nie będzie mógł rozmawiać z serwerem.
— SRM

4

Nigdzie nie mogłem znaleźć prostego działającego przykładu (stan na 19 stycznia), więc oto zaktualizowana wersja. Mam Chrome w wersji 71.0.3578.98.

Serwer C # Websocket:

using System;
using System.Text;
using System.Net;
using System.Net.Sockets;
using System.Security.Cryptography;

namespace WebSocketServer
{
    class Program
    {
    static Socket serverSocket = new Socket(AddressFamily.InterNetwork, SocketType.Stream, ProtocolType.IP);
    static private string guid = "258EAFA5-E914-47DA-95CA-C5AB0DC85B11";

    static void Main(string[] args)
    {
        serverSocket.Bind(new IPEndPoint(IPAddress.Any, 8080));
        serverSocket.Listen(1); //just one socket
        serverSocket.BeginAccept(null, 0, OnAccept, null);
        Console.Read();
    }

    private static void OnAccept(IAsyncResult result)
    {
        byte[] buffer = new byte[1024];
        try
        {
            Socket client = null;
            string headerResponse = "";
            if (serverSocket != null && serverSocket.IsBound)
            {
                client = serverSocket.EndAccept(result);
                var i = client.Receive(buffer);
                headerResponse = (System.Text.Encoding.UTF8.GetString(buffer)).Substring(0, i);
                // write received data to the console
                Console.WriteLine(headerResponse);
                Console.WriteLine("=====================");
            }
            if (client != null)
            {
                /* Handshaking and managing ClientSocket */
                var key = headerResponse.Replace("ey:", "`")
                          .Split('`')[1]                     // dGhlIHNhbXBsZSBub25jZQ== \r\n .......
                          .Replace("\r", "").Split('\n')[0]  // dGhlIHNhbXBsZSBub25jZQ==
                          .Trim();

                // key should now equal dGhlIHNhbXBsZSBub25jZQ==
                var test1 = AcceptKey(ref key);

                var newLine = "\r\n";

                var response = "HTTP/1.1 101 Switching Protocols" + newLine
                     + "Upgrade: websocket" + newLine
                     + "Connection: Upgrade" + newLine
                     + "Sec-WebSocket-Accept: " + test1 + newLine + newLine
                     //+ "Sec-WebSocket-Protocol: chat, superchat" + newLine
                     //+ "Sec-WebSocket-Version: 13" + newLine
                     ;

                client.Send(System.Text.Encoding.UTF8.GetBytes(response));
                var i = client.Receive(buffer); // wait for client to send a message
                string browserSent = GetDecodedData(buffer, i);
                Console.WriteLine("BrowserSent: " + browserSent);

                Console.WriteLine("=====================");
                //now send message to client
                client.Send(GetFrameFromString("This is message from server to client."));
                System.Threading.Thread.Sleep(10000);//wait for message to be sent
            }
        }
        catch (SocketException exception)
        {
            throw exception;
        }
        finally
        {
            if (serverSocket != null && serverSocket.IsBound)
            {
                serverSocket.BeginAccept(null, 0, OnAccept, null);
            }
        }
    }

    public static T[] SubArray<T>(T[] data, int index, int length)
    {
        T[] result = new T[length];
        Array.Copy(data, index, result, 0, length);
        return result;
    }

    private static string AcceptKey(ref string key)
    {
        string longKey = key + guid;
        byte[] hashBytes = ComputeHash(longKey);
        return Convert.ToBase64String(hashBytes);
    }

    static SHA1 sha1 = SHA1CryptoServiceProvider.Create();
    private static byte[] ComputeHash(string str)
    {
        return sha1.ComputeHash(System.Text.Encoding.ASCII.GetBytes(str));
    }

    //Needed to decode frame
    public static string GetDecodedData(byte[] buffer, int length)
    {
        byte b = buffer[1];
        int dataLength = 0;
        int totalLength = 0;
        int keyIndex = 0;

        if (b - 128 <= 125)
        {
            dataLength = b - 128;
            keyIndex = 2;
            totalLength = dataLength + 6;
        }

        if (b - 128 == 126)
        {
            dataLength = BitConverter.ToInt16(new byte[] { buffer[3], buffer[2] }, 0);
            keyIndex = 4;
            totalLength = dataLength + 8;
        }

        if (b - 128 == 127)
        {
            dataLength = (int)BitConverter.ToInt64(new byte[] { buffer[9], buffer[8], buffer[7], buffer[6], buffer[5], buffer[4], buffer[3], buffer[2] }, 0);
            keyIndex = 10;
            totalLength = dataLength + 14;
        }

        if (totalLength > length)
            throw new Exception("The buffer length is small than the data length");

        byte[] key = new byte[] { buffer[keyIndex], buffer[keyIndex + 1], buffer[keyIndex + 2], buffer[keyIndex + 3] };

        int dataIndex = keyIndex + 4;
        int count = 0;
        for (int i = dataIndex; i < totalLength; i++)
        {
            buffer[i] = (byte)(buffer[i] ^ key[count % 4]);
            count++;
        }

        return Encoding.ASCII.GetString(buffer, dataIndex, dataLength);
    }

    //function to create  frames to send to client 
    /// <summary>
    /// Enum for opcode types
    /// </summary>
    public enum EOpcodeType
    {
        /* Denotes a continuation code */
        Fragment = 0,

        /* Denotes a text code */
        Text = 1,

        /* Denotes a binary code */
        Binary = 2,

        /* Denotes a closed connection */
        ClosedConnection = 8,

        /* Denotes a ping*/
        Ping = 9,

        /* Denotes a pong */
        Pong = 10
    }

    /// <summary>Gets an encoded websocket frame to send to a client from a string</summary>
    /// <param name="Message">The message to encode into the frame</param>
    /// <param name="Opcode">The opcode of the frame</param>
    /// <returns>Byte array in form of a websocket frame</returns>
    public static byte[] GetFrameFromString(string Message, EOpcodeType Opcode = EOpcodeType.Text)
    {
        byte[] response;
        byte[] bytesRaw = Encoding.Default.GetBytes(Message);
        byte[] frame = new byte[10];

        int indexStartRawData = -1;
        int length = bytesRaw.Length;

        frame[0] = (byte)(128 + (int)Opcode);
        if (length <= 125)
        {
            frame[1] = (byte)length;
            indexStartRawData = 2;
        }
        else if (length >= 126 && length <= 65535)
        {
            frame[1] = (byte)126;
            frame[2] = (byte)((length >> 8) & 255);
            frame[3] = (byte)(length & 255);
            indexStartRawData = 4;
        }
        else
        {
            frame[1] = (byte)127;
            frame[2] = (byte)((length >> 56) & 255);
            frame[3] = (byte)((length >> 48) & 255);
            frame[4] = (byte)((length >> 40) & 255);
            frame[5] = (byte)((length >> 32) & 255);
            frame[6] = (byte)((length >> 24) & 255);
            frame[7] = (byte)((length >> 16) & 255);
            frame[8] = (byte)((length >> 8) & 255);
            frame[9] = (byte)(length & 255);

            indexStartRawData = 10;
        }

        response = new byte[indexStartRawData + length];

        int i, reponseIdx = 0;

        //Add the frame bytes to the reponse
        for (i = 0; i < indexStartRawData; i++)
        {
            response[reponseIdx] = frame[i];
            reponseIdx++;
        }

        //Add the data bytes to the response
        for (i = 0; i < length; i++)
        {
            response[reponseIdx] = bytesRaw[i];
            reponseIdx++;
        }

        return response;
    }
}
}

Klient html i javascript:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript">
        var socket = new WebSocket('ws://localhost:8080/websession');
        socket.onopen = function() {
           // alert('handshake successfully established. May send data now...');
		   socket.send("Hi there from browser.");
        };
		socket.onmessage = function (evt) {
                //alert("About to receive data");
                var received_msg = evt.data;
                alert("Message received = "+received_msg);
            };
        socket.onclose = function() {
            alert('connection closed');
        };
    </script>
</head>
<body>
</body>
</html>


3

Kwestia

Ponieważ używasz WebSocket, wydatki są poprawne. Po otrzymaniu początkowych danych z WebSocket, musisz wysłać komunikat uzgadniania z serwera C #, zanim dalsze informacje będą mogły przepłynąć.

HTTP/1.1 101 Web Socket Protocol Handshake
Upgrade: websocket
Connection: Upgrade
WebSocket-Origin: example
WebSocket-Location: something.here
WebSocket-Protocol: 13

Coś w tym stylu.

Możesz zrobić więcej badań, jak działa WebSocket w W3 lub Google.

Linki i zasoby

Oto specyfikacja protokołu: http://tools.ietf.org/html/draft-hixie-thewebsocketprotocol-76#section-1.3

Lista przykładów roboczych:


Również używam kodowania UTF8. Czy powinienem użyć innego, takiego jak ASCII?
— Tono Nam

@TonoNam: O ile wiem, kodowanie UTF8 jest poprawne - chociaż nie jestem ekspertem od HTML5, więc nie wiem na pewno.
— caesay

Zrobiłem to z safari !!! Potrzebuję go jednak, aby działał z Google Chrome. Wszystkie przykłady łączą się, ale żaden z nich nie wysyła danych. Będę próbował dalej. Wielkie dzięki za pomoc!
— Tono Nam

Oczywiście ... Jeśli nadal nie będę działał, sprawię, że to pytanie będzie nagrodą! Jestem naprawdę ciekawy, jak to działa. Dzięki za pomoc
— Tono Nam

Link do specyfikacji protokołu jest nieaktualny. Safari nadal tego używa, ale inne przeglądarki przeszły na niezgodną wersję RFC 6455 . Ponadto, chociaż masz rację, że początkowe połączenie wymaga negocjacji, dalsze komunikaty nie wymagają.
— simonc
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.