https://github.com/sitegui/nodejs-websocket

1.用node搭建本地服务

npm install nodejs-websocket

	var ws = require("nodejs-websocket");

	var server = ws.createServer(function(conn){

	console.log('New Connection!');

	conn.on('text',function(str){

		console.log('receive' + str);

		conn.sendText(str.toUpperCase() + '!!!');

	})

	conn.on('close',function(code,reason){

		console.log('Connection closed');

	})

	//服务出现错误时用来处理错误，如果不加出现错误服务就会挂掉

	// conn.on('error',function(err){

	// 	console.log('handle error');

	// 	console.log(err);

	// })

	}).listen('3000');

	console.log('node websocket run listening on port 3000')

客户端代码实现

	<!DOCTYPE html>

	<html lang="en">

		<head>

   		 	<meta charset="UTF-8">

    		<title>websocket测试</title>

   		    <style>

   				 input {

       	         outline: none;

                }

    			.content {

        		margin-top: 20px;

        		width: 300px;

      			min-height: 100px;

      		    border: 1px solid blue;

    			}

    	</style>

	</head>

	<body>

    	<h3>websocket演示</h3>

   	    <input type="text" id='txt'>

        <button id='sendTxt'>发送</button>

        <div class='content' id='receiveMsg'></div>

    	<script>

    		var websocket = new WebSocket('ws://localhost:3000/');

   		    websocket.onopen = function() {

            console.log('websocket open');

            document.getElementById('receiveMsg').innerHTML = 'Connected';

            };

            websocket.onclose = function() {

            console.log('websocket close');

            };

            websocket.onmessage = function(e) {

            console.log(e);

            document.getElementById('receiveMsg').innerHTML = e.data;

           };

    	   document.getElementById('sendTxt').onclick = function() {

           var txt = document.getElementById('txt').value;

           websocket.send(txt);

         };

    </script>

</body>

</html>

简单的websocket应用，只是将客户端收到的信息发送到服务端，将原字符串转化为大写后加上三个！！！后返回；

改进后的代码如下：

服务端代码：

客户端代码：

有点：加入了进入聊天室，离开聊天室等字段，并对每一个连接的客户端做了简单的区分；

缺点：服务端和客户端只是简单的基于字符串的交互，没有对数据的属性进行区分，相对简单；

服务端代码：

客户端代码：

有点：在服务端对消息的属性进行了包装，并在客户端进行不同效果的展示，在服务端需要将对象转化为字符串才能发送到客户端，不够灵活；

最终效果：

websocket(二)——基于node js 的同步聊天应用的更多相关文章

  1. 《基于Node.js实现简易聊天室系列之详细设计》

    一个完整的项目基本分为三个部分:前端.后台和数据库.依照软件工程的理论知识,应该依次按照以下几个步骤:需求分析.概要设计.详细设计.编码.测试等.由于缺乏相关知识的储备,导致这个Demo系列的文章层次 ...

  2. 《基于Node.js实现简易聊天室系列之引言》

    简述:这个聊天室是基于Node.js实现的,完成了基本的实时通信功能.在此之前,对node.js和mongodb一无所知,但是通过翻阅博客,自己动手基本达到了预期的效果.技术,不应该是闭门造车,而是学 ...

  3. 《基于Node.js实现简易聊天室系列之总结》

    前前后后完成这个聊天室的Demo花了大概一个星期,当然一个星期是仅仅指编码的工作.前期的知识储备是从0到1从无到有,花费了一定的时间熟悉Node.js的基本语法以及Node.js和mongoDB之间的 ...

  4. 《基于Node.js实现简易聊天室系列之项目前期工作》

    前期工作主要包括:项目的创建,web服务器的创建和数据库的连接. 项目创建 网上关于Node.js项目的创建的教程有很多,这里不必赘述.Demo所使用的Node.js的框架是express,版本为4. ...

  5. 《基于Node.js实现简易聊天室系列之环境搭建》

    前文提到了Demo所涉及的技术,现在讲环境(工具)的配置.环境的配置主要是数据库mongDB和Node.js的配置. Node.js Node.js的官方地址:https://nodejs.org/e ...

  6. 基于Node.js + WebSocket 的简易聊天室

    代码地址如下:http://www.demodashi.com/demo/13282.html Node.js聊天室运行说明 Node.js的本质就是运行在服务端的JavaScript.Node.js ...

  7. 基于node.js 的 websocket的移动端H5直播开发

    这一篇介绍一下基于node.js 的 websocket的移动端H5直播开发, 下载文章底部的源码,我是用vscode打开, 首先在第一个终端运行 npm run http-server 这个指令是运 ...

  8. 基于Node.js的实时推送 juggernaut

    基于Node.js的实时推送 juggernaut Juggernaut 基于 Node.js 构建.为浏览器和服务器端提供一个实时的连接,可在客户端和服务器端进行数据的实时推送,适合多角色游戏.聊天 ...

  9. 基于node.js制作爬虫教程

    前言:最近想学习node.js,突然在网上看到基于node的爬虫制作教程,所以简单学习了一下,把这篇文章分享给同样初学node.js的朋友. 目标:爬取 http://tweixin.yueyishu ...

随机推荐

  1. ES6 入门

    1.简介 ECMAScript 6.0 是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了.它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序, ...

  2. Win7系统system进程句柄数一直增加解决方案

    公司内部最近有个服务端的同事电脑句柄数一开机就一直增加 一台Windows7x64系统16G 其实物理内存使用情况在开机后并没有太大的变化,但虚拟内存占用明显在不停的增加. 我通过“任务管理器”一直也 ...

  3. vsftpd不支持目录软链接的解决办法

    vsftpd本身不支持软连接,而在用FTP共享的时候又不想移动文件位置,便在网上找到了一个workaround: Linux内核从2..0开始支持把一部分文件系统挂载到文件系统中的其他位置,mount ...

  4. pt-query-digest详解慢查询日志（转）

    一.简介 pt-query-digest是用于分析mysql慢查询的一个工具,它可以分析binlog.General log.slowlog,也可以通过SHOWPROCESSLIST或者通过tcpdu ...

  5. 简易 Token 验证的实现

    简易 Token 验证的实现 前言 在我们的服务器和客户端的交互中,由于我们的业务中使用 RESTful API 的形式和客户端交互,而 API 又是无状态的,无法帮助我们识别这一次和上一次的请求由谁 ...

  6. jeDate 日期控件

    写在前面的话: 最近在做一个日期范围的功能,研究了一个12306网站的日期范围选择,他用的是jcalendar.js,没有直接在日历插件里面做判断开始时间小于结束时间 而是自己在代码里面做了判断如下: ...

  7. Properties集合概述与存和取

    Properties集合:(Map集合下的Hashtable集合下的一个子类) 特点: 1.集合中的键和值都是字符串 2.集合中的数据可以保存到流中,或者从流中获取 该集合通常用于操作以键值对形式存在 ...

  8. vscode中iframe的使用

    vscode中iframe由于某种原因不支持本地页面,比如<iframe src ="index.html" width="300" height=&qu ...

  9. MATLAB中的FOR循环问题

    做量化操作的时候经常需要使用到matlab编写策略或者计算多因子,for循环非常慢,自己找了一些matlab中for循环的优化方法,for的部分每处理一个大矩阵都要花费大量的时间,这是不可避免需要遇到 ...

  10. 【Codeforces Round 1137】Codeforces #545 (Div. 1)

    Codeforces Round 1137 这场比赛做了\(A\).\(B\),排名\(376\). 主要是\(A\)题做的时间又长又交了两次\(wa4\)的. 这两次错误的提交是因为我第一开始想的求 ...