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
推荐阅读
-
Vue CLI项目 axios模块前后端交互的使用(类似ajax提交)
-
python如何使用正则表达式的前向、后向搜索及前向搜索否定模式详解
-
Vue前后端分离项目如何模块的使用Ueditor百度富文本框
-
wps演示如何使用母版设计导航菜单式的交互课件
-
webscoket的使用(前后端如何交互)
-
使用thinkphp这种模板引擎的框架,前后端人员如何沟通参数
-
用户注册提交如何进行前后端交互,我是新手做前端的不懂后端的,该如何改代码让它可以交互!急用_html/css_WEB-ITnose
-
使用thinkphp这种模板引擎的框架,前后端人员如何沟通参数
-
如何使用Javascript获取距今n天前的日期_javascript技巧
-
如何使用angularJS与后端进行交互