首先分不开的便是nodejs的安装、其实websocket的聊天室可以以php作为后台、jetty也可以、但这边选用了nodejs、其实个人感觉这个简单、而且为了赶一下时髦、所以也学习了一下nodejs
首先不得不说、windows下的nodejs特别坑、linux下的nodejs 就很顺畅、因为大不熟悉linux、所以略略坑的选择了windows下的nodejs
下载先、http://nodejs.org/ 直接点击install 然后安装
诶?你会发现它是自动安装的、文件去哪了呢?很神奇吧、其实nodejs为我们自动安排好了、文件就在C:\Program Files\nodejs 下面、
打开cmd、输入 > node app.js (app.js是自己写的、这里是随便输入的、其实还没写这个文件、只是为了演示一下这个错误)可能很多人会有这句提示词
<a href="http://www.lizhug.com/?attachment_id=52" rel="attachment wp-att-52"><img class="alignnone size-medium wp-image-52" alt="未命名" src="http://www.lizhug.com/wp-content/uploads/2012/12/未命名-300x85.jpg" width="300" height="85" /></a>
如果有的话、那恭喜、这个很正常~所以为了简略起见、你可以把整个app.js文件拷贝到d盘、以后使用的时候直接使用d: node app.js
我是直接放在了d盘的nodejs目录下
所以需要这样输入
如果你喜欢放在其他地方、原理类似、文件路径 + node + 文件名、然后第一步就完成了
安装好了、以后、为了使用socket.io进入nodejs的那个目录、
打开cmd、输入npm install socket.io -d
然后会有一串彩色的文字~~还是蛮壮观的、
那么恭喜你、socket.IO初步完成~
你打开nodejs的文件夹、打开module文件夹、你会发现里面多了一个socket.io文件夹、恭喜
socket.io封装了websocket的api所以我们使用起来更加方面、而且兼容浏览器、
前两步准备工作就这样完成啦~下面一篇就正式开始我们的聊天室制作
做完了前两部、我们正式开始聊天室的制作~
、
其实花了我蛮长时间的、所以把我碰到的困难都说出来、让后人少走一点弯路
使用方法也可以参考socket.io的官网http://socket.io/
首先是客户端的代码保存为index.html<
//这边要注意、如果你的socket = io.connect('http://localhost:8888')那就只能localhost才有效、所以如果你直接双击打开index文件的话、是会出错的、如果你想把它让很多人玩、那就需要吧localhost改成你的服务器的ip地址、端口号随便设置、别跟其他冲突就行
然后是后台的代码、保存为app.js
然后根据前面学的 运行node app.js
如果你在控制台看到这句话、那么恭喜、
然后打开localhost:8888
就可以了~神奇的东西、基本的就在这里了、写的还不是很详细~所以附上我的代码、一个简单的聊天室