欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

webscoket的使用(前后端如何交互)

程序员文章站 2022-06-15 15:00:07
webscoket的使用可以使用ws完成实时通讯前端要写的内容 // WebScoket参数是要连接的服务的地址 使用ws协议 例如 ws://localhost:3000 var connect = new WebScoket('ws://localhost:3000') connect.onopen = function() { console.log('开启ws连接 - 连接成功') } connect.onmessage = func...

webscoket的使用

可以使用ws完成实时通讯

前端要写的内容

 // WebScoket参数是要连接的服务的地址 使用ws协议 例如 ws://localhost:3000 var connect = new WebScoket('ws://localhost:3000') connect.onopen = function() { console.log('开启ws连接  - 连接成功') } connect.onmessage = function(data) { console.log('服务器传递过来的数据', data) } connect.onerror = function(code, reason) { console.log('监听连接发生的错误') } connect.onclose = function() { console.log('关闭连接') } // 可以使用 connect.send()向服务器发送数据 这个数据可以是基本数据类型也可以是json var obj = { msg: "要发送的信息" } connect.send(JSON.stringify(obj)) 

后端的写法 以nodejs为例

  • 引入nodejs-websocket
  • 执行 安装命令 npm install nodejs-websocket --save

代码

 var ws = require('nodejs-websocket') ws.createServer(function(connect) { // 当前端发起连接时会触发 // 监听接收到的前端发过来的信息 // msg 就是前端发送过来的数据 connect.on('text', function(msg) { connect.sendText('要发送给前端的信息') }) connect.on('close', function() { console.log('连接关闭了') }) }).listen({ port: 3000, host: "localhost" }, function() { console.log("serve is running") }) 

本文地址:https://blog.csdn.net/wjw0125/article/details/107917738