nodejs 安装mysql、socket.io 插件
使用cmd窗口命令,代码如下:
cd c:\Program Files (x86)\nodejs //进入nodejs 安装目录中nodejs目录下 执行命令行: c:\Program Files (x86)\nodejs\npm install mysql //安装mysql插件 c:\Program Files (x86)\nodejs\npm install socket.io //安装socket.io 插件 ....
Socket.IO是一个WebSocket库,包括了客户端的js和服务器端的nodejs;
socket.io的目标是构建可以在不同浏览器和移动设备上使用的实时应用。
socket.io 会自动根据浏览器从WebSocket、AJAX长轮询、Iframe流等等各种方式中选择最佳的方式来实现网络实时应用,非常方便和人性化,而且支持的浏览器最低达IE5.5,可以满足大部分需求。
一 使用方法
-
io.sockets.on函数
io.sockets.on 函数 接受字符串"connection"作为客户端发起连接的事件,当连接成功后,调用带有socket参数的回调函数。我们在使用socket.IO的时候,基本上都在这个回调函数里面处理用户的请求。示例代码;
服务器端 io.sockets.on('connection', function (socket) { socket.emit('news', { hello: 'world' }); socket.on('other event', function (data) { console.log(data); }); });
2. socket最关键的是emit和on两个函数,
socket.emit 表示提交(发出)一个事件(事件名称用字符串表示),事件名称可以自定义,也有一些默认的事件名称,紧接着是一个对象,表示向该socket发送的内容;
socket.on 表示接收一个事件(事件名称用字符串表示),紧接着是收到事件调用的回调函数,其中data是收到的数据。
在上面的例子中,我们发送了news事件和收到了other event事件,那么客户端应该会有对应的接收和发送事件。没错,客户端代码和服务器正好相反,而且非常相似。
客户端代码: <script src="/socket.io/socket.io.js"></script> <script> var socket = io.connect('http://localhost'); socket.on('news', function (data) { console.log(data); socket.emit('other event', { my: 'data' }); }); </script> socket.io.js路径要写对,这个js文件实际放在了服务器端的node_modules文件夹中,在请求这个文件时会重定向,因此不要诧异服务器端不存在这个文件但为什么还能正常工作。当然,你可以把服务器端的socket.io.js这个文件拷贝到本地,使它成为客户端的js文件,这样就不用每次都向Node服务器请求这个js文件,增强稳定性。 第二点是要用var socket = io.connect('网站地址或ip');来获取socket对象,接着就可以使用socket来收发事件。关于事件处理,上面的代码表示收到“news”事件后,打印收到的数据,并向服务器发送“other event”事件。
二. 其他常用API
1).向所有客户端广播:socket.broadcast.emit('broadcast message');
2).进入一个房间(非常好用!相当于一个命名空间,可以对一个特定的房间广播而不影响在其他房间或不在房间的客户端):socket.join('your room name');
3).向一个房间广播消息(发送者收不到消息):socket.broadcast.to('your room name').emit('broadcast room message');
4).向一个房间广播消息(包括发送者都能收到消息)(这个API属于io.sockets):io.sockets.in('another room name').emit('broadcast room message');
5).强制使用WebSocket通信:(客户端)socket.send('hi'),(服务器)用socket.on('message', function(data){})来接收。
三 . 使用Socket.IO构建一个聊天室
最后,我们通过一个简单的实例来结束本篇。用Socket.IO构建一个聊天室就是50行左右的代码的事情,实时聊天效果也非常好。以下贴出关键代码:
Server(socketChat.js)
//一个客户端连接的字典,当一个客户端连接到服务器时, //会产生一个唯一的socketId,该字典保存socketId到用户信息(昵称等)的映射 var connectionList = {}; exports.startChat = function (io) { io.sockets.on('connection', function (socket) { //客户端连接时,保存socketId和用户名 var socketId = socket.id; connectionList[socketId] = { socket: socket }; //用户进入聊天室事件,向其他在线用户广播其用户名 socket.on('join', function(data) { socket.broadcast.emit('broadcast_join', data); connectionList[socketId].username = data.username; }); //用户离开聊天室事件,向其他在线用户广播其离开 socket.on('disconnect', function () { if (connectionList[socketId].username) { socket.broadcast.emit('broadcast_quit', { username: connectionList[socketId].username }); } delete connectionList[socketId]; }); //用户发言事件,向其他在线用户广播其发言内容 socket.on('say', function (data) { socket.broadcast.emit('broadcast_say',{ username: connectionList[socketId].username, text: data.text }); }); }) };
Client(socketChatClient.js)
var socket = io.connect('http://localhost'); //连接服务器完毕后,马上提交一个“加入”事件,把自己的用户名告诉别人 socket.emit('join', { username: 'Username hehe' }); //收到加入聊天室广播后,显示消息 socket.on('broadcast_join', function (data) { console.log(data.username + '加入了聊天室'); }); //收到离开聊天室广播后,显示消息 socket.on('broadcast_quit', function(data) { console.log(data.username + '离开了聊天室'); }); //收到别人发送的消息后,显示消息 socket.on('broadcast_say', function(data) { console.log(data.username + '说: ' + data.text); }); //这里我们假设有一个文本框textarea和一个发送按钮.btn-send //使用jQuery绑定事件 $('.btn-send').click(function(e) { //获取文本框的文本 var text = $('textarea').val(); //提交一个say事件,服务器收到就会广播 socket.emit('say', { username: 'Username hehe' text: text }); });