WebSocket + Nodejs 的简单使用
时间:2019-04-20
本文章向大家介绍WebSocket + Nodejs 的简单使用,主要包括WebSocket + Nodejs 的简单使用使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
这里代码复制过去就可以测试效果了! 有一个坑,好多人都不提示访问路径,我习惯性的就是访问 localhost:3000,然后访问不到,这里其实使用前端绝对路径打开页面就可以了。。。
1、下载 nodejs-websocket 模块
npm install nodejs-websocket --save
2、服务器端
var ws = require('nodejs-websocket'); var server = ws.createServer(function(socket){ // 事件名称为text(读取字符串时,就叫做text),读取客户端传来的字符串 var count = 1; socket.on('text', function(str) { // 在控制台输出前端传来的消息 console.log(str); //向前端回复消息 socket.sendText('服务器端收到客户端端发来的消息了!' + count++); }); }).listen(3000);
3 客户端
<script> // 打开一个 web socket 这里端口号和上面监听的需一致 var ws = new WebSocket('ws://localhost:3000/'); // Web Socket 已连接上,使用 send() 方法发送数据 ws.onopen = function() { // 这里用一个延时器模拟事件 setInterval(function() { ws.send('客户端消息'); },2000); } // 这里接受服务器端发过来的消息 ws.onmessage = function(e) { console.log(e.data) } </script>
4、 查看结果
- [原创]深入理解C# 3.x的新特性(3):从Delegate、Anonymous Method到Lambda Expression
- a=b=c,但a不等于c?这是什么鬼
- 为什么不是0,1,2,3,4?setTimeout的奇怪问题
- Linux基础(day67)
- 深入理解C# 3.x的新特性(5):Object Initializer 和 Collection Initializer
- 19.10 处理图形中的乱码
- 《深入理解C# 3.x的新特性》博文系列汇总
- 十一国庆节 之 “变量与函数同名时,会输出谁?”
- 挖坑无止境,来看看这个《this的指向》
- T-SQL Enhancement in SQL Server 2005[上篇]
- 初学js钻太深,不太好
- Linux shell 程序设计3——命令行程序
- Linux shell 程序设计2——bash的内置命令
- T-SQL Enhancement in SQL Server 2005[下篇]
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法