LoginSignup
8
10

More than 5 years have passed since last update.

echo サーバを利用した websocket のサンプル(Client 編)

Last updated at Posted at 2013-11-04

最近, WebSocket を勉強して試してみようと思ったが, サーバを立てるのが面倒だった.
そこで, echo サーバを利用した最短サンプルを作った.

echo サーバを利用したサンプルです.

下が無料で使える echo サーバ.
http://www.websocket.org/echo.html

以下のコードを, html の script タグの中に書いて, ブラウザで開いてください.

var ws = new WebSocket('ws://echo.websocket.org');
// WebsocketClient.readyState が OPEN になったときに呼ばれるコールバック
ws.onopen = function () {
    console.log("Connecting is success!!");
    ws.send("Hello world!");
};
// サーバからメッセージを受信したときに呼ばれるコールバック
// このコールバックの第一引数に messageEvent というオブジェクトが格納されている(...らしい)
// このオブジェクトの data 属性に受け取ったメッセージが格納されている.
ws.onmessage = function (me) {
    var recievedData = me.data;
    console.log("Message is exists!!");
    console.log("recievedData: " + recievedData);
};
8
10
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
10