我的日常

登录/注册
您现在的位置:论坛 盖世程序员(我猜到了开头 却没有猜到结局) 项目源码 > Node.js+Socket.IO实现的WebSocket群聊天室源码
总共48087条微博

动态微博

查看: 3321|回复: 4

Node.js+Socket.IO实现的WebSocket群聊天室源码

[复制链接]
admin    

1244

主题

544

听众

1万

金钱

管理员

  • TA的每日心情

    2021-2-2 11:21
  • 签到天数: 36 天

    [LV.5]常住居民I

    管理员

    跳转到指定楼层
    楼主
    发表于 2016-07-11 21:11:23 |只看该作者 |正序浏览
    软件类别:
    毕业设计>JAVAWEB
    软件大小:
    10 KB
    软件语言:
    简体中文
    资源密码:
    回复查看提取码
    更新时间:
    2016-7-11 21:17

    下载地址 (如需提取码请回复本帖,获取回复权限)




    ①科帮网的核心思想是分享,我们更愿意会员拿出资源分享获得J币;
    ②不禁止转载!只要不恶意诋毁科帮网,不大量发布广告,科帮网欢迎同行合作,共同发展!做资源站就是为了分享;
    ③科帮网资源来自于网络,不保证每个资源的完整可用,当然如果为J币充值购买,资源出现问题,可联系客服处理!

    友情提示本站毕业设计解压密码统一为本站网址www.52itstyle.com或者52itstyle.com
    更多毕业设计可加QQ群:26490602
    扫一扫关注微信公众号有惊喜!!!
    填写您的邮件地址,订阅我们的精彩内容:

    软件介绍

    3 {) l* G/ O5 `5 o( d# w7 \: z! P
    8 `+ B! _* g& L; d# i5 r
    首先上图上实例
    ; p8 ]( V7 d5 z( R; u
    . A; i7 E6 x* c( f* e
    ) F4 F" |% K% F6 \9 {' U
    , t, x3 O0 i& q, C3 b9 ]4 k
    2 H# u3 j) d6 {% {7 M% h/ R) T
    聊天室地址:http://chat.52itstyle.com
    2 _  e& i" i$ j( q4 y" Z
      }$ ]* v6 ~1 y. n& H# v. p7 ^
    . R9 s7 X$ r" h9 B" o
    WebSocket简介
    / C5 ]0 |, o/ c  y5 w. }7 G
    9 G. [) V" O- D3 i谈到Web实时推送,就不得不说WebSocket。在WebSocket出现之前,很多网站为了实现实时推送技术,通常采用的方案是轮询 (Polling)和Comet技术,Comet又可细分为两种实现方式,一种是长轮询机制,一种称为流技术,这两种方式实际上是对轮询技术的改进,这些 方案带来很明显的缺点,需要由浏览器对服务器发出HTTP request,大量消耗服务器带宽和资源。面对这种状况,HTML5定义了WebSocket协议,能更好的节省服务器资源和带宽并实现真正意义上的实 时推送。
    9 y' _0 l% H8 T( k4 x# S. m( e+ }* r5 `- l& v
    WebSocket协议本质上是一个基于TCP的协议,它由通信协议和编程API组成,WebSocket能够在浏览器和服务器之间建立双向连接, 以基于事件的方式,赋予浏览器实时通信能力。既然是双向通信,就意味着服务器端和客户端可以同时发送并响应请求,而不再像HTTP的请求和响应。
    - J4 o' [; F7 f9 j5 x! k0 M
    & Z7 U+ w1 d* X1 i" }, [为了建立一个WebSocket连接,客户端浏览器首先要向服务器发起一个HTTP请求,这个请求和通常的HTTP请求不同,包含了一些附加头信 息,其中附加头信息”Upgrade: WebSocket”表明这是一个申请协议升级的HTTP请求,服务器端解析这些附加的头信息然后产生应答信息返回给客户端,客户端和服务器端的 WebSocket连接就建立起来了,双方就可以通过这个连接通道自由的传递信息,并且这个连接会持续存在直到客户端或者服务器端的某一方主动的关闭连 接。
    . _5 D$ ?- b) ~
    6 p* \# F. [# R/ Z% G/ M& r5 n项目功能分析:  F: z& Q4 @4 Y$ W  {; O9 b
    / N: C5 E0 w$ J, a/ h9 ?5 ^' _, E+ A
    1、兼容不支持WebSocket的低版本浏览器。
    , j: N9 ~- b. T) q9 v2、允许客户端有相同的用户名。
    " r/ L3 i  w8 k3、进入聊天室后可以看到当前在线的用户和在线人数。
    7 [0 Y1 b8 U7 S4、用户上线或退出,所有在线的客户端应该实时更新。4 \6 B# x2 k3 O+ b! @
    5、用户发送消息,所有客户端实时收取。
    & Q/ A: [; ~3 W5 M" T8 V) t% O  O# x
    0 e& p1 O/ G) I3 F6 B在实际的开发过程中,为了使用WebSocket接口构建Web应用,我们首先需要构建一个实现了 WebSocket规范的服务端,服务端的实现不受平台和开发语言的限制,只需要遵从WebSocket规范即可,目前已经出现了一些比较成熟的 WebSocket服务端实现,比如本文使用的Node.js+Socket.IO。为什么选用这个方案呢?先来简单介绍下他们两。9 I: a3 E( l# G3 l: w7 A! b9 H) ?
    / d: U3 a; l  C4 G! j1 Z4 F4 Z, G
    Node.js
    $ }! x: m% |2 FNode.js采用C++语言编写而成,它不是javascript应用,而是一个Javascript的运行环境,据Node.js创始人 Ryan Dahl回忆,他最初希望采用Ruby来写Node.js,但是后来发现Ruby虚拟机的性能不能满足他的要求,后来他尝试采用V8引擎,所以选择了 C++语言。3 [8 }; d0 S5 v; K' W4 l

    . D$ w. w6 t2 JNode.js支持的系统包括*nux、Windows,这意味着程序员可以编写系统级或者服务器端的Javascript代码,交给 Node.js来解释执行。Node.js的Web开发框架Express,可以帮助程序员快速建立web站点,从2009年诞生至今,Node.js的 成长的速度有目共睹,其发展前景获得了技术社区的充分肯定。
    2 A: U% m- w% ?( q6 g$ B' \' r6 z8 I: k. U
    Socket.IO3 s+ u6 c  u: U8 I* z
    Socket.IO是一个开源的WebSocket库,它通过Node.js实现WebSocket服务端,同时也提供客户端JS库。Socket.IO支持以事件为基础的实时双向通讯,它可以工作在任何平台、浏览器或移动设备。1 Z* ]# K8 Z/ O/ F6 ^
    9 J7 {% T- q; Z7 B
    Socket.IO支持4种协议:WebSocket、htmlfile、xhr-polling、jsonp-polling,它会自动根据浏览 器选择适合的通讯方式,从而让开发者可以聚焦到功能的实现而不是平台的兼容性,同时Socket.IO具有不错的稳定性和性能。4 W" ?8 p" O2 }3 C4 E+ `
    & d0 ^* K, Q% G: g( u( P) ^, a

    3 E- p3 Z5 C( N如何安装Node.js3 x2 o- e9 f5 l( `& J
    # C, y- t+ `6 K2 D% |
    http://www.52itstyle.top/thread-21549-1-1.html
    , _/ I! t. G3 r; U6 B  O$ K
    , U& W. m+ E6 {9 [) k7 \8 ]本实例采用nodejs-socketio-chat,地址为https://github.com/plhwin/nodejs-socketio-chat; Y: m8 ]; k, O* B! r
    解压后目录中会有一个服务端和客户端,如图:+ E( X. r7 q0 l6 Z/ _& ^, M9 b

    ! X% b* n7 K) w% R$ @6 j
    ; A% R0 e+ ~, a! B" O5 K# ]! y搭建WebSocket服务端& @: z% v. h3 @" A* i% P; U4 N
    ( [  |: S3 r# K: g4 s
    服务器环境 centos6.5,Nginx,Node.js
    ( `+ J  b: b. p0 i* s! P4 N( |) ]# ?( P1 o! U/ ^! o
    一、首先下载文件并解压
    " e, T0 F+ N0 x' X/ h/ r1 N二、切换到server目录下执行一下操作
    - f$ K6 X- Y- {( y- G; ^# ?% P8 Gnpm install --save express
    ! ^8 [5 U6 Y) `  n7 J' [* fnpm install --save socket.io
    . Y+ ^% r/ f" ^3 M, ?9 o  V
    1 F0 Z9 N- F/ s  v执行成功后,会在server目录下生成了一个名为node_modules的文件夹,里面分别是express和socket.io。
    3 @! R' Q; d8 ~" V  `# ^三、启动服务端
    & }( b, y! E9 I0 n% mnode index.js& 后台运行。
    ! O. F5 H4 W2 {; b5 G. D: h, v3 L
    搭建WebSocket客户端
    # I9 p  m$ s2 N$ i9 o) w- n; ]" Q( Q
    / y2 z3 l  m0 a: B6 B; k. y4 M; g/ k8 y使用Ngin部署客户端并绑定域名" I/ x& @- Y& t: e' E
    1. server {
      4 H" K8 }+ p* }) ?. b" U5 s% P
    2.         listen       80;. q! Y9 A5 f( M- h% H+ \- Z; B/ |! x; Q4 l
    3.         server_name   chat.52itstyle.com;: ~7 b! v$ e: P0 B. u  A1 e
    4.         location / {0 e$ [2 u0 g* b2 B% j& a7 y
    5.    index  index.html index.htm;
      % M9 f. x) G2 r
    6.    root  /home/chat/52chat/client;
      9 L% ?: D: h3 N1 E: n
    7.         }2 q& C1 ?; G/ k; `  b
    8.         error_page   500 502 503 504  /50x.html;
      ) ^% Q+ ]# E3 E" F/ J
    9.         location = /50x.html {% E' @$ Y* Z& ]2 Z7 Q
    10.     root   html;
      , N# ^" y' }* h& y& `6 U
    11.         }) P7 |% N4 b2 I. g0 [" S. z
    12.     }
    复制代码

    / T) Z# D. c0 j$ c0 X1 U# h# v& K- H: ?' F" c' ^9 H4 J
    启动Nginx,现在就可以访问客户端了:http://chat.52itstyle.com
    / q$ C* }, v0 b4 T# p5 M( S1 F8 h: V# k8 m8 h
    3 X6 {8 ^) _+ i+ {& p0 I0 g

    # B1 }9 U$ C  Y3 ~5 Z" o

    科帮网 1、本主题所有言论和图片纯属会员个人意见,与本社区立场无关
    2、本站所有主题由该帖子作者发表,该帖子作者与科帮网享有帖子相关版权
    3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和科帮网的同意
    4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
    5、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
    6、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
    7、科帮网管理员和版主有权不事先通知发贴者而删除本文


    JAVA爱好者①群:JAVA爱好者① JAVA爱好者②群:JAVA爱好者② JAVA爱好者③ : JAVA爱好者③

    1

    主题

    0

    听众

    82

    金钱

    三袋弟子

    该用户从未签到

    5#
    发表于 2016-08-16 11:26:40 |只看该作者
    强力围观强力围观
    回复

    使用道具 举报

    admin    

    1244

    主题

    544

    听众

    1万

    金钱

    管理员

  • TA的每日心情

    2021-2-2 11:21
  • 签到天数: 36 天

    [LV.5]常住居民I

    管理员

    地板
    发表于 2016-07-12 14:09:45 |只看该作者
    昕动2014 发表于 2016-7-12 05:49
    . C5 w! S4 M1 U! s: ]不错,支持1个!用这个Nodejs的方法实现webSocket比用Java的要简单点。

    6 P( v1 I5 [3 N# C+ K: V昕动 把Node.js博客整理下哈
    回复

    使用道具 举报

    3

    主题

    4

    听众

    133

    金钱

    三袋弟子

    该用户从未签到

    80后 推广达人

    板凳
    发表于 2016-07-12 13:49:35 |只看该作者
    不错,支持1个!用这个Nodejs的方法实现webSocket比用Java的要简单点。
    回复

    使用道具 举报

    23

    主题

    4

    听众

    229

    金钱

    三袋弟子

    该用户从未签到

    沙发
    发表于 2016-07-12 09:27:22 |只看该作者
    很好的的很好的的
    回复

    使用道具 举报

    快速回复
    您需要登录后才可以回帖 登录 | 立即注册

       

    关闭

    站长推荐上一条 /1 下一条

    发布主题 快速回复 返回列表 联系我们 官方QQ群 科帮网手机客户端
    快速回复 返回顶部 返回列表