node.js+socket.io实时聊天小测验总结

每天当让自己有点小进步


一直在研究nodejs,学的云里雾里的,今天想用node.js+socket.io搞一下实时聊天小实验。


主要参考:http://www.plhwin.com/2014/05/28/nodejs-socketio/


从Github下载好源代码,源码如图所示:



按照作者所说,server是服务器端,client是客户端。


node文件家中新建chat目录

进入chat目录,npm init


填写相关信息自动创建package.json文件


 npm install --save express
 npm install --save socket.io


安装express和socket.io


在node_modules中产生express和socket.io相关文件夹


将server文件夹上传到chat文件加中。

将client文件夹上传到/home/wwwroot/default文件夹中(lnmp环境)


进入server文件夹   node index.js


浏览器打开ip/client/index.html 发现可以用了,甚是欣喜,so easy.突然,发现有别人进来说话了,我的天,我可是自己的虚拟机,怎么可能,坑啊。。。。。


开始填坑。


分析应该是client文件夹中文件的问题



上图所示,index.html文件中如箭头所示,第一处问题所在,结果找不到文件啊,暴走!!!!


百度找到这样一篇文章http://www.cnblogs.com/sword-successful/p/4987124.html



突然发现是这样写的,原来可以作为一个官方文件引入,我改。。。


发现还不行,继续排坑


后发现client.js文件如下图所示:


讲其改为自己的后端服务器地址//连接websocket后端服务器
this.socket = io.connect('ws://192.168.106.133:3000');


终于ok了,头已经快爆炸了,新手苦不堪言,但是进步的喜悦还是。。。。哈哈,总结完找吃的去。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值