在web開發(fā)中常常會遇到前后端通信的情況出現(xiàn)，甚至是雙向通信，類似于聊天室的功能，那么今天的主角就是Socket.IO
什么是Socket.IO？
官網(wǎng):https://socket.io/
github地址:https://github.com/socketio/socket.io
其他語言的客戶端實(shí)現(xiàn)，由社區(qū)維護(hù)
- JAVA：https：//github.com/socketio/socket.io-client-java
- C ++：https：//github.com/socketio/socket.io-client-cpp
- Swift：https：//github.com/socketio/socket.io-client-swift
- Dart：https：//github.com/rikulo/socket.io-client-dart
- Python：https：//github.com/miguelgrinberg/python-socketio
- .Net：https：//github.com/Quobject/SocketIoClientDotNet
Socket.IO 是一個(gè)面向?qū)崟r(shí) web 應(yīng)用的 JavaScript 庫。它使得服務(wù)器和客戶端之間實(shí)時(shí)雙向的通信成為可能。他有兩個(gè)部分：在瀏覽器中運(yùn)行的客戶端庫，和一個(gè)面向Node.js的服務(wù)端庫。兩者有著幾乎一樣的API。像Node.js一樣，它也是事件驅(qū)動(dòng)的,Socket.IO 主要使用WebSocket協(xié)議,盡管它可以被用作WebSocket的包裝庫，它還是提供了許多其它功能，比如廣播至多個(gè)套接字，存儲與不同客戶有關(guān)的數(shù)據(jù)，和異步IO操作。
優(yōu)勢
Socket.IO 會自動(dòng)選擇合適雙向通信協(xié)議，僅僅需要程序員對套接字的概念有所了解。
劣勢
Socket.io并不是一個(gè)基本的、獨(dú)立的、能夠回退到其它實(shí)時(shí)協(xié)議的WebSocket庫，它實(shí)際上是一個(gè)依賴于其它實(shí)時(shí)傳輸協(xié)議的自定義實(shí)時(shí)傳輸協(xié)議的實(shí)現(xiàn)。該協(xié)議的協(xié)商部分使得支持標(biāo)準(zhǔn)WebSocket的客戶端不能直接連接到Socket.io服務(wù)器，并且支持Socket.io的客戶端也不能與非Socket.io框架的WebSocket或Comet服務(wù)器通信。因而，Socket.io要求客戶端與服務(wù)器端均須使用該框架。
使用示例
服務(wù)端：
socketio服務(wù)端示例
客戶端：
socketio客戶端示例
運(yùn)行客戶端和服務(wù)端之后會得到如下結(jié)果
客戶端會打印接受到的消息hello對象
客戶端結(jié)果
服務(wù)端也會接收到客戶端發(fā)送的消息
服務(wù)端結(jié)果
發(fā)送和接收事件
Socket.IO允許您發(fā)出和接收除connect，message和disconnect之外的自定義事件
// note, io(<port>) will create a http server for you
var io = require('socket.io')(80);
io.on('connection', function (socket) {
io.emit('this', { will: 'be received by everyone'});
socket.on('private message', function (from, msg) {
console.log('I received a private message by ', from, ' saying ', msg);
});
socket.on('disconnect', function () {
io.emit('user disconnected');
});
});
廣播消息
要廣播，只需添加一個(gè)broadcast標(biāo)志emit和send方法調(diào)用。廣播意味著向除了啟動(dòng)它的套接字之外的所有人發(fā)送消息。
服務(wù)端
var io = require('socket.io')(80);
io.on('connection', function (socket) {
socket.broadcast.emit('user connected');
});
像使用WebSocket一樣來使用它
只需利用send并傾聽message事件
服務(wù)端
var io = require('socket.io')(80);
io.on('connection', function (socket) {
socket.on('message', function () { });
socket.on('disconnect', function () { });
});
客戶端
<script>
var socket = io('http://localhost/');
socket.on('connect', function () {
socket.send('hi');
socket.on('message', function (msg) {
// my msg
});
});
</script>
總結(jié)
Socket.IO設(shè)計(jì)的目標(biāo)是構(gòu)建各端的實(shí)時(shí)應(yīng)用，如實(shí)時(shí)分析系統(tǒng)、二進(jìn)制流數(shù)據(jù)處理應(yīng)用、在線聊天室、在線客服系統(tǒng)、評論系統(tǒng)、WebIM等。目前已經(jīng)兼容主流的瀏覽器，它實(shí)現(xiàn)了實(shí)時(shí)、雙向、基于事件的通訊機(jī)制，它解決了實(shí)時(shí)的通信問題，并統(tǒng)一了服務(wù)端與客戶端的編程方式。啟動(dòng)了Socket以后，就像建立了一條客戶端與服務(wù)端的管道，兩邊可以互通有無。它還能夠和Express.js提供的傳統(tǒng)請求方式很好的結(jié)合，即可以在同一個(gè)域名，同一個(gè)端口提供兩種連接方式。因此在Web開發(fā)中可以使用它來完成很多實(shí)時(shí)的復(fù)雜操作，打造更加優(yōu)雅的用戶體驗(yàn)。
