laravel4cookbook

Real Time Chat 188
1 try {
2 if (!WebSocket) {
3 console.log("no websocket support");
4 } else {
5 var socket = new WebSocket("ws://127.0.0.1:7778/");
6
7 socket.addEventListener("open", function (e) {
8 console.log("open: ", e);
9 });
10
11 socket.addEventListener("error", function (e) {
12 console.log("error: ", e);
13 });
14
15 socket.addEventListener("message", function (e) {
16 console.log("message: ", JSON.parse(e.data));
17 });
18
19 console.log("socket:", socket);
20
21 window.socket = socket;
22 }
23 } catch (e) {
24 console.log("exception: " + e);
25 }
.
This was extracted from public/js/shared.js.
We’ve wrapped this code in a try-catch block as not all browsers support Web Sockets yet. There
are a number of libraries which will shim this functionality, but their use is outside the scope of this
tutorial.
You can find a couple of these libraries at: https://github.com/gimite/web-socket-js and https://github.com/sockjs.
.
This code will attempt to open a socket connection to 127.0.0.1:7778 (the address and port used in
the serve command) and write some console messages depending on the events that are emitted.
You’ll notice we’re also assigning the socket instance to the window object; so we can send some