Book Image

Socket.IO Cookbook

By : Tyson Cadenhead
Book Image

Socket.IO Cookbook

By: Tyson Cadenhead

Overview of this book

Socket.IO is a JavaScript library that provides you with the ability to implement real-time analytics, binary streaming, instant messaging, and document collaboration. It has two parts: a client-side library that runs in the browser, and a server-side library for node.js. Socket.IO is event-driven and primarily uses the WebSocket protocol that allows us to emit data bi-directionally from the server and the client. Socket.IO This book is a complete resource, covering topics from webSocket security to scaling the server-side of a Socket.IO application and everything in between. This book will provide real-world examples of how secure bi-directional, full-duplex connections that can be created using Socket.IO for different environments. It will also explain how the connection vulnerabilities can be resolved for large numbers of users and huge amounts of data/messages. By the end of the book, you will be a competent Socket.IO developer. With the help of the examples and real-world solutions,you will learn to create fast, scalable, and dynamic real-time apps by creating efficient messaging systems between the server side and the client side using Socket.IO.

Related Content you might be interested in

Current Title:

Small book image
Socket.IO Cookbook
Tyson Cadenhead
Oct, 2015 | 184 pages
No titles found
Table of Contents (15 chapters)
Socket.IO Cookbook
Socket.IO Cookbook
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Wiring It Up
Wiring It Up
Introduction
Creating a Node HTTP server with Socket.IO
Creating an Express server with Socket.IO
Using Socket.IO as a cross-browser WebSocket
Debugging on the client
Debugging on the server
2
Creating Real-Time Dashboards
Creating Real-Time Dashboards
Introduction
Loading static data from the server
Creating a server-side clock
Loading data from MongoDB
Real-time analytics
Handling connection timeouts
3
Having Two-Way Conversations
Having Two-Way Conversations
Introduction
Creating a simple chat room
Managing the socket life cycle
Emitting a private message to another socket
Sending messages to all the sockets, except for the sender
Building a multiplayer tic-tac-toe game
4
Building a Room with a View
Building a Room with a View
Introduction
Creating chat channels with namespaces
Joining rooms
Leaving rooms
Listing rooms the socket is in
Creating private rooms
Setting up a default room
5
Securing Your Data
Securing Your Data
Introduction
Implementing basic authentication
Performing token-based authentication
Handling server-side validation
Locking down the HTTP referrer
Using secure WebSockets
6
Performing a Load Balancing Act
Performing a Load Balancing Act
Introduction
Performing load balancing with the Nginx server
Using the Node.js cluster
Using Redis to pass events between nodes
Using Memcached to manage multiple nodes
Using RabbitMQ to message events across nodes
7
Streaming Binary Data
Streaming Binary Data
Introduction
Broadcasting an image to other sockets
Uploading an image to the filesystem
Uploading an image to Amazon S3
Streaming audio
Streaming live video
8
Integrating with Mobile Applications
Integrating with Mobile Applications
Introduction
Throwing an alert when the socket connects
Pushing up data from the server
Responding to tap events from the device
Doing server-side pagination
Triggering hot deploys
Index
Index

Broadcasting an image to other sockets

Typically, the src attribute for an HTML image tag will be a link to the location of the image. However, instead of a link to the image, we can actually provide the binary data for the image itself. This ability allows us to store and load actual images and not just the link to the image location.

We can actually use Socket.IO to send images from a browser to a server and then display them in another browser without ever storing them on a server, in a filesystem, or in a database of any kind. In instances where we don't need the data to be stored, this can be really useful.

In this recipe, we will demonstrate how we can pipe an image from our filesystem to the browser over WebSockets.

Getting ready…

In this recipe, I will use a static image called woodchuck.jpg to pipe into the browser. It is located at the root of the app along with the server.js and index.html files. You should be able to put any image that you want to use in that location as long as...

Previous Section
End of Section 3
Next Section