首先下载websocket模块，命令行输入

npm install ws

1.node.js中ws模块创建服务端

// 加载node上websocket模块 ws;

var ws = require("ws");

// 启动基于websocket的服务器,监听我们的客户端接入进来。

var server = new ws.Server({

	host: "127.0.0.1",

	port: 6080,

});

// 监听接入进来的客户端事件

function websocket_add_listener(client_sock) {

	// close事件

	client_sock.on("close", function() {

		console.log("client close");

	});

	// error事件

	client_sock.on("error", function(err) {

		console.log("client error", err);

	});

	// end 

	// message 事件, data已经是根据websocket协议解码开来的原始数据；

	// websocket底层有数据包的封包协议，所以，绝对不会出现粘包的情况。

	// 每解一个数据包，就会触发一个message事件;

	// 不会出现粘包的情况，send一次，就会把send的数据独立封包。

	// 如果我们是直接基于TCP，我们要自己实现类似于websocket封包协议就可以完全达到一样的效果；

	client_sock.on("message", function(data) {

		console.log(data);

		client_sock.send("Thank you!");

	});

	// end

}

// connection 事件, 有客户端接入进来;

function on_server_client_comming (client_sock) {

	console.log("client comming");

	websocket_add_listener(client_sock);

}

server.on("connection", on_server_client_comming);

// error事件,表示的我们监听错误;

function on_server_listen_error(err) {

}

server.on("error", on_server_listen_error);

// headers事件, 回给客户端的字符。

function on_server_headers(data) {

	// console.log(data);

}

server.on("headers", on_server_headers);

2.node.js中ws模块创建客户端

var ws = require("ws");

// url ws://127.0.0.1:6080

// 创建了一个客户端的socket,然后让这个客户端去连接服务器的socket

var sock = new ws("ws://127.0.0.1:6080");

sock.on("open", function () {

	console.log("connect success !!!!");

	sock.send("HelloWorld1");

	sock.send("HelloWorld2");

	sock.send("HelloWorld3");

	sock.send("HelloWorld4");

	sock.send(Buffer.alloc(10));

});

sock.on("error", function(err) {

	console.log("error: ", err);

});

sock.on("close", function() {

	console.log("close");

});

sock.on("message", function(data) {

	console.log(data);

});

3.网页客户端创建(使用WebApi --->WebSocket)

<!DOCTYPE html>

<html>

<head>

	<title>skynet websocket example</title>

</head>

<body>

	<script>

	var ws = new WebSocket("ws://127.0.0.1:6080/index.html");

	ws.onopen = function(){

		alert("open");

		ws.send("WebSocket  hellowrold!!");

	};

	ws.onmessage = function(ev){

		alert(ev.data);

	};

	ws.onclose = function(ev){

		alert("close");

	};

	ws.onerror = function(ev){

		console.log(ev);

		alert("error");

	};

	</script>

</body>

</html>

node.js中ws模块创建服务端和客户端，网页WebSocket客户端的更多相关文章

  1. node.js中express模块创建服务器和http模块客户端发请求

    首先下载express模块,命令行输入 npm install express 1.node.js中express模块创建服务端 在js代码同文件位置新建一个文件夹(www_root),里面存放网页文 ...

  2. node.js中net网络模块TCP服务端与客户端的使用

    node.js中net模块为我们提供了TCP服务器和客户端通信的各种接口. 一.创建服务器并监听端口 const net = require('net'); //创建一个tcp服务 //参数一表示创建 ...

  3. node.js中net模块创建服务器和客户端(TCP)

    node.js中net模块创建服务器和客户端 1.node.js中net模块创建服务器(net.createServer) // 将net模块 引入进来 var net = require(" ...

  4. 网络聊天室---node.js中net网络模块TCP服务端与客户端的使用

    //1.简单创建 net服务器 // const net = require("net"); // const server = net.createServer((c)=> ...

  5. node.js中module模块的理解

    node.js中使用CommonJS规范实现模块功能,一个单独的文件就是一个单独的模块.通过require方法实现模块间的依赖管理. 通过require加载模块,是同步操作. 加载流程如下: 1.找到 ...

  6. [转]【NODE】用WS模块创建加密的WS服务(WSS)

    [From] https://luojia.me/2015/07/21/%E3%80%90node%E3%80%91%E7%94%A8ws%E6%A8%A1%E5%9D%97%E5%88%9B%E5% ...

  7. 在 Node.js 中引入模块：你所需要知道的一切都在这里

    本文作者:Jacob Beltran 编译:胡子大哈 翻译原文:http://huziketang.com/blog/posts/detail?postId=58eaf471a58c240ae35bb ...

  8. node.js的http模块创建基本Web服务器

    首先下载node.js模块.终端执行命令 npm i node -g 引入http核心模块 const http =require('http') 引入文件系统模块 const fs =require ...

  9. Web 前端模块出现的原因，以及 Node.js 中的模块

    模块出现原因 简单概述 随着 Web 2.0 时代的到来,JavaScript 不再是以前的小脚本程序了,它在前端担任了更多的职责,也逐渐地被广泛运用在了更加复杂的应用开发的级别上. 但是 JavaS ...

随机推荐

  1. [cipher][archlinux][disk encryption][btrfs] 磁盘分区加密 + btrfs

    科普链接:https://wiki.archlinux.org/index.php/Disk_encryption 前面的链接关于硬盘加密,讲了几种,基本上就是选dm-crypt with LUKS ...

  2. DBGridEh表尾显示合计 .....

    设置如下就可以了..... FooterRowCount  : 1 SumList--------Active:=true 双击 DBGridEh  加入所需要的列....然后在 需要合计的..... ...

  3. 转：SAX解析的characters方法被多次调用

    原文地址:https://blog.csdn.net/liuxiaoddd/article/details/28885177 android SAX解析的characters方法被多次调用 同理 试用 ...

  4. java JDBC (五) properties配置文件

    1.在src目录下创建文件 database.properties driver = com.mysql.jdbc.Driver url = jdbc:mysql://192.168.0.207:33 ...

  5. 重读《深入理解Java虚拟机》一、Java虚拟机内存区域的划分

    一.Java虚拟机内存区域如何划分 1.Java虚拟机内存区域的划分 区域名称 作用(用途) 类型 特点 虚拟机规定异常情况 内存分配与回收 其他说明 1 程序计数器 指示当前正在执行的字节码指令地址 ...

  6. 关于hover的一个问题记录

    问题描述: 页面显示: 当鼠标移动到其中一个文件夹上面的时候,显示如下: 显示这样的效果的原理是:对于外层元素.collectionsbox添加hover之后,再去取里面的元素,比如说左上角的shar ...

  7. 【托业】托业（TOEIC）成绩 & 等级划分以及评分标准

    托业(TOEIC)成绩 & 等级划分以及评分标准 TOEIC全称:Test of English for International Communication(国际交流英语测评) 已通行全球 ...

  8. Testlink1.9.5的安装配置

    前两天搭建了Testlink环境,在这里整理记录下过程中遇到的问题以及搭建流程.Testlink版本:1.9.5操作系统:Windows7 32bit 步骤一:安装XAMPP 下载解压xampp压缩包 ...

  9. Sql server 函数--取值年月

    GetDate()是获取当前时间 1.例如获取年月类似 201706 需要改为语句: Select Datename(year,GetDate())+Datename(month,GetDate())

  10. 报错解决——make: *** No targets specified and no makefile found. Stop

    wget http://ftp.gnu.org/pub/gnu/ncurses/ncurses-5.6.tar.gz tar zxvf ncurses-5.6.tar.gz #切换目录到ncurses ...