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

缺乏、安全感 2022-07-14 10:15 182阅读 0赞

每天当让自己有点小进步

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

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

从Github下载好源代码，源码如图所示：

![Center][]

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

node文件家中新建chat目录

进入chat目录，npm init

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

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

安装express和socket.io

![Center 1][]

在node\_modules中产生express和socket.io相关文件夹

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

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

进入server文件夹   node index.js

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

开始填坑。

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

![Center 2][]

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

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

![Center 3][]

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

发现还不行，继续排坑

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

![Center 4][]

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

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

[Center]: /images/20220714/b565247ba53e451cadb42a998e55f022.png
[Center 1]: /images/20220714/77ef6282fdbe491f883da6071318c0c0.png
[Center 2]: /images/20220714/a120f96041ec40918352ae0e34c86136.png
[Center 3]: /images/20220714/65a6beba8f724d75a057cd585bfd06f5.png
[Center 4]: /images/20220714/ed4cb3959a0c47f8a1e0000b3389f611.png

发表评论取消回复

表情：

评论列表（有 0 条评论，182人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序 | 基于小程序+Java+WebSocket实现实时聊天功能

一、文章前言 > 此文主要实现在小程序内聊天对话功能，使用Java作为后端语言进行支持，界面友好，开发简单。 ![6733d6edcaea45979a0de391ce6

亦凉/ 2023年09月28日 23:24/ 0 赞/ 37 阅读

相关实时聊天应用程序如何工作

For a long time, exchanging information between two people in different locations has al

港控/mmm°/ 2022年12月07日 12:52/ 0 赞/ 170 阅读

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

每天当让自己有点小进步一直在研究nodejs，学的云里雾里的，今天想用node.js+socket.io搞一下实时聊天小实验。主要参考：http:/

缺乏、安全感/ 2022年07月14日 10:15/ 0 赞/ 183 阅读

相关 WebSocket实现多人实时聊天

chat.html： <!DOCTYPE html> <html> <head> <meta name="author" content="Yeeku.H

骑猪看日落/ 2022年07月13日 01:16/ 0 赞/ 259 阅读

相关【java】webSocket（二）——实时聊天

一、前言在上一篇博客中，小编简单向大家介绍了一下websocket，在这篇博客中小编将通过一个聊天实例来展示一下websocket是如何使用的。二、资

冷不防/ 2022年06月16日 14:52/ 0 赞/ 271 阅读

相关 Java Socket 实现UDP实时聊天小案例

最近在看Socke相关的东西，因为平时工作中用到这块的东西比较少，记录一下，以后可以回顾一下。 UDP协议只管发送数据，不论服务端是否正常运行，都会发送，其特点是：效率高、不

我不是女神ヾ/ 2022年06月13日 05:42/ 0 赞/ 219 阅读

相关勒索软件安全意识小测验

如果答对8道以上，说明您已经初步具备防范勒索软件的能力，如果10道全部答对，那么你已经比肩安全专业人士了。 1. （判断）杀毒软件能有效防范勒索软件。（）

ゝ一纸荒年。/ 2022年05月30日 01:05/ 0 赞/ 568 阅读

相关基于swoole的网页一对一实时聊天

需求分析网站上实现一对一即时沟通，能查看聊天记录以及离线留言，新消息提醒。核心技术 html5的websocket，php的swoole扩展[http://wiki.

青旅半醒/ 2021年11月11日 13:10/ 0 赞/ 360 阅读

相关微信小程序 --原生JS集成腾讯 IM实时聊天/实时音视频

为了实现小程序里腾讯云通信IM接入，翻阅各种文档。坑爹的腾讯demo，竟然用mpvue写的。具体步骤不写了，这里列一下开发过程中遇到的各种坑以及参照解决的各种有用（无用的

快来打我*/ 2021年09月07日 06:02/ 0 赞/ 596 阅读

相关利用socket.io实现用户实时聊天

聊天存入数据库需要的参数标识: 两个用户的标识聊天消息内容发送消息的时间当前对话消息的标识 1

一时失言乱红尘/ 2021年07月24日 16:35/ 0 赞/ 453 阅读