socket.io框架学习

socket.io框架是用于网页中实时通信，一般用于开发聊天室等实时性较强的系统模块

一开始从官网http://socket.io/上down了一个demo下来，这个demo里面只有基本的收发消息的功能，然后我在这个基础上加上了用户设置昵称、私信用户、上线下线及当前在线人数提醒功能

github地址：https://github.com/FujiBilly/SocketIO.git

 

为了更方便的调试代码，决定在现在的基础上添加gulp构建工具的辅助功能

主要是gulp-livereload和gulp-nodemon这两个功能，其中gulp-livereload主要是当文件发生改动时对网页进行刷新，gulp-nodemon主要是当文件发生改动时重新启动服务端，即分别对前后端进行重启。

 

gulp-livereload

为配合gulp-livereload功能的实现，需先在浏览器中 安装LiveReload拓展程序 和 在Sublime Text中安装LiveReload包：

• 浏览器主要指Chorme浏览器，LiveReload拓展程序可在https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei上获取。
• Sublime Text中，先用快捷键Ctrl+Shift+P，输入List Packages，查看已安装的外包清单，若无则安装LiveReload包，安装完成之后还LiveReload服务还未启动，需用快捷键Ctrl+Shift+P，出现“LiveReload：Enable/disable plugins”，按回车键，然后在下拉列表中找到“Enable - Simple Reload”，继续按回车键即可启动，且每次开启Sublime Text都要启动一次LiveReload服务。

 

 gulp-nodemon

nodemon命令可以直接在终端下像node命令那样使用，而我是在gulpfile.js文件中使用nodemon的，代码如下

nodemon({
    script: 'index.js'
});

相当于终端下的 nodemon index.js 命令

注意：在安装使用gulp-nodemon的时候遇到一个大坑，若是你全局安装了nodemon后，你在项目文件夹中会发现nodemon失效了，这是因为全局安装了nodemon后它只是监视全局路径下文件的改动，而不是你项目文件夹中的文件改动，所以不小心全局安装了nodemon之后可以在/usr/local/lib/node_modules/nodemon/下把该文件夹删除，还有/usr/local/bin/nodemon文件也一并删掉。但有时候还是不行，会出现[nodemon] Internal watch failed: watch (your watching path) ENOSPC这种错误，最后才醒悟，Linux监视文件的改动需要有权限，所以在启动命令之前加上sudo即可。

 

之后觉得单单的几个文件使得结构不太清晰，所以在原来功能的基础上整合了Express框架！！！

整合的时候有几个要注意的地方：

• /socket.io/socket.io.js 在ejs中会引用到这个文件，而这个文件是存放在node_modules/socket.io-client/socket.io.js这里的，所以需要将其copy到public目录下；
• 配置 gulpfile.js 时，nodemon模块所用的启动命令应该是 node ./bin/www 而不是 node app.js ；
• 由于socket.io创建对象时需要一个服务作为参数，而这个服务正是 /bin/www 中的 var server = http.createServer(app)，所以将io服务端的监听和广播放在该文件中；
• /bin/www是不能像其他js文件用 module.exports 方式将对象公开出来的，所以获取在线用户的路由只能放到该文件下才能获取到名单列表对象；