13-JavaScrpit-应用 - Socket.io库

优质
小牛编辑
128浏览
2023-12-01

Socket.io是什幺? {#socketio是什幺?}

基于事件的实时双向通信库
  • 基于websocket协议
  • 前后端通过事件进行双向通信
  • 配合express,快速开发实时应用

Socket.io和Ajax区别 {#socketio和ajax区别}

基于不同的网络协议
  • Ajax基于http协议,单向,实时获取数据只能轮询
  • socket.io基于websocket双向通信协议,后端可以主动推送数据
  • 现代浏览器均可以支持websocket

Socket.io库 - 图1

Socket.io后端API

配合express
  • IO = require(‘socket.io’)(http)
  • io.on 监听事件
  • io.emit 触发事件

Socket.io前端API

配合 express
  • import io from ‘socket.io-client’
  • io.on 监听事件
  • io.emit 触发事件

Socket.io合并HTTP

  1. const express = require('express')
  2. const app = express()
  3. //work with express
  4. const server = require('http').Server(app)
  5. const io = require('socket.io')(server)