B站 使用socket.io制作网页聊天应用

关于websocket

基本配置,npm install nodemon后,在8080端口刷新是可用的

学习文档:https://github.com/secreter/websocket_chat

socket.io文件路径:http://wulv5.com/js/socket.io.min.js 

  • nodejs node服务器运行环境
  • express 搭建node服务器
  • websocket 本例核心,推送服务器消息到所有人
  • socketio websocket第三方库
  • vue + router 视图层双向数据绑定框架,用来简化开发、组件化开发的

代码架构:

  • server文件夹里是需要运行在node服务器上的js文件,监听websocket连接
  • src/api/client是客户端连接服务器的核心js
  • src/components下是页面的组件。三大部分,login组件(登录页面),chat组件(聊天页面),groupinfo组件(群信息页面)

大多数实时聊天系统通常基于 socket 来构建。 Socket 为客户端和服务器提供了双向通信机制。

这意味着服务器可以 推送 消息给客户端。无论何时你发布一条消息,服务器都可以接收到消息并推送给其他连接到服务器的客户端。

socket.io 面向实时web应用,是服务器与客户端的双向通信,主要使用Websocket协议,事件驱动。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值