一些废话:)最近在学校忙得不可开交,终于有了这么一段可以自由支配的时间,心里还是很酸爽的。当然,也有罪孽深重的,比如连续一周不吃早餐。其实现在回想起来,真的不能怪我,因为最近的天气实在是太差了!寒冷的!向上!嗯,为了减少卧床不起的罪恶感,不如学(gǎo)一点(diǎn)东(shì)西(qing)。废话不多说,进入正题。进入题目非常难看的聊天室,后面临时加上“v1.0”。毕竟没有经过任何迭代,写完就直接发布了。当然还有很多地方可以再乱来,比如:[]支持发图片[]支持发表情[]显示在线用户列表我在写这个demo的时候,一直处于边学边写的状态。学习资料主要是基于刘瓦勇的Node.js+WebSocket创建了一个名为Hichat的即时聊天程序,主流的搜索引擎和我最喜欢的技术社区SegmentFault作为补充。源代码已经上传到我的github。克隆到本地后,在终端运行如下两条命令:npminstallnodeserver然后打开浏览器,访问localhost,无需联网即可看到这个demo。预览输入用户名完成登录,即可开始与在线人聊天。准备工作当然,Node.js是必不可少的。这里有两篇很棒的Node.js教程:Node.Node.js包入门教学宝汇Node.js只需几行代码就可以实现一个服务器varhttp=require('http');http.createServer(function(request,response){response.writeHead(200,{'Content-type':'text/plain'});response.write('嘿你,我叫kyrieliu~');response.end();}).listen(8080);在Terminal中执行这段代码,访问http://localhost/:8080,可以看到一行字:Heyyou,mynameiskyrieliu~这表示你的node服务已经搭建好了,axi,js写后台逻辑,用你的脚趾思考每个人都认为这是一件很酷的事情。另外使用了两个包模块:expresssocket.ioexpress是node.js中管理路由响应请求的模块,根据请求的URL返回对应的HTML页面。这里我们使用预先写好的静态页面返回给客户端,只需要使用express指定返回页面的路径即可。如果不使用这个包,我们需要把HTML代码和后台JavaScript代码一起写来响应请求,不方便。Socket.io封装了websocket,也包含了其他的连接方式,比如Ajax。原因是并非所有浏览器都支持websockets。通过socket.io包,你不需要关心里面使用的连接方式。您可以使用socket.io在任何浏览器中建立异步连接。UI界面,乍一看就是那么简单(chǒu)(lòu),但是“麻雀虽小五脏俱全”,该有的还是有的,DOM结构直接贴在这里。
