websocket 入門

基本的な構文

var connection = new WebSocket('ws://localhost:8080');

4つのイベント処理と2つのメソッド

var connection = new WebSocket('ws://localhost:8080');
//通信が接続されたとき
connection.onopen = function(e){};
//エラーが発生したとき
connection.onerror = function(e){};
//メッセージを受け取ったとき
connection.onmessage = function(e){};
//通信が切断されたとき
connection.onclose = function(e){};

//データを送信するメソッド
connection.send();
//通信を切断するメソッド
connection.clse();

ボタンクリックでデータを送信する

btn.addEventListener('click',function(e){
    var text = document.getElementById('text');
    connection.send(text.value);
})

テキストデータを受信する

connection.onmessage = function(e){
    console.log(e.data);
    connection.close();
}