服务端代码

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

console.log("开始建立连接...")

var game1 = null,game2 = null , game1Ready = false , game2Ready = false;

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

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

        console.log("收到的信息为:"+str)

        if(str==="game1"){

            game1 = conn;

            game1Ready = true;

            conn.sendText("success");

        }

        if(str==="game2"){

            game2 = conn;

            game2Ready = true;

        }

        if(game1Ready&&game2Ready){

            game2.sendText(str);

        }

        conn.sendText(str)

    })

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

        console.log("关闭连接")

    });

    conn.on("error", function (code, reason) {

        console.log("异常关闭")

    });

}).listen(8001)

console.log("WebSocket建立完毕")

客户端代码：

　　传数据到服务器

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        .kuang{text-align: center;margin-top:200px;}

        #mess{text-align: center}

        .value{width: 200px;height:200px;border:1px solid;text-align: center;line-height: 200px;display: inline-block;}

    </style>

</head>

<body>

    <div id="mess">正在连接...</div>

    <div class="kuang">

        <div class="value" id="value1">小明小明</div>

        <div class="value" id="value2">大胸大胸</div>

        <div class="value" id="value3">小张小张</div>

    </div>

    <script>

        var mess = document.getElementById("mess");

        if(window.WebSocket){

            var ws = new WebSocket('ws://127.0.0.1:8001');

            ws.onopen = function(e){

                console.log("连接服务器成功");

                ws.send("game1");

            }

            ws.onclose = function(e){

                console.log("服务器关闭");

            }

            ws.onerror = function(){

                console.log("连接出错");

            }

            ws.onmessage = function(e){

                mess.innerHTML = "连接成功"

                document.querySelector(".kuang").onclick = function(e){

                    var time = new Date();

                    ws.send(time + "  game1点击了“" + e.target.innerHTML+"”");

                }

            }

        }

    </script>

</body>

</html>

　　

　　接收服务端发送的数据

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        .kuang{text-align: center;margin-top:200px;}

        #mess{text-align: center}

    </style>

</head>

<body>

    <div id="mess"></div>

    <script>

        var mess = document.getElementById("mess");

        if(window.WebSocket){

            var ws = new WebSocket('ws://127.0.0.1:8001');

            ws.onopen = function(e){

                console.log("连接服务器成功");

                ws.send("game2");

            }

            ws.onclose = function(e){

                console.log("服务器关闭");

            }

            ws.onerror = function(){

                console.log("连接出错");

            }

            ws.onmessage = function(e){

                var time = new Date();

                mess.innerHTML+=time+"的消息："+e.data+"<br>"

            }

        }

    </script>

</body>

</html>

来源：https://www.cnblogs.com/axes/p/3586132.html

NodeJs 实现 WebSocket 即时通讯（版本一）的更多相关文章

  1. NodeJs 实现 WebSocket 即时通讯（版本二）

    服务端代码 websocket.js 'use strict' const WebSocket = require('ws'); const connections = new Map(); cons ...

  2. HTML5+NodeJs实现WebSocket即时通讯

    声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 最近都在学习HTML5,做canvas游戏之类的,发现HTML5中除了canvas这个强大的工具外,还有WebSocket也很值得注意.可 ...

  3. Springboot 项目源码 Activiti6 工作流 vue.js html 跨域 前后分离 websocket即时通讯

    特别注意: Springboot 工作流  前后分离 + 跨域 版本 (权限控制到菜单和按钮) 后台框架:springboot2.1.2+ activiti6.0.0+ mybaits+maven+接 ...

  4. 使用tomcat方式实现websocket即时通讯服务端讲解

    使用tomcat方式实现websocket即时通讯服务端讲解 第一种方案:使用Tomcat的方式实现 tomcat版本要求:tomcat7.0+.需要支持Javaee7 导入javeee-api的ja ...

  5. java SSM框架 代码生成器 快速开发平台 websocket即时通讯 shiro redis

    A代码编辑器,在线模版编辑,仿开发工具编辑器,pdf在线预览,文件转换编码 B 集成代码生成器 [正反双向](单表.主表.明细表.树形表,快速开发利器)+快速表单构建器 freemaker模版技术 , ...

  6. [开源] .NETCore websocket 即时通讯组件---ImCore

    前言 ImCore 是一款 .NETCore 下利用 WebSocket 实现的简易.高性能.集群即时通讯组件,支持点对点通讯.群聊通讯.上线下线事件消息等众多实用性功能. 开源地址:https:// ...

  7. [重磅开源] 比SingleR更适合的websocket 即时通讯组件---ImCore开源了

    有感而发 为什么说 SignalR 不合适做 IM? IM 的特点必定是长连接,轮训的功能用不上. 因为它是双工通讯的设计,用hub.invoke发送命令给服务端处理业务,其他就和 ajax 差不多, ...

  8. java ssm 后台框架平台 项目源码 websocket 即时通讯 IM quartz springmvc

    官网 http://www.fhadmin.org/D 集成安全权限框架shiro  Shiro 是一个用 Java 语言实现的框架,通过一个简单易用的 API 提供身份验证和授权,更安全,更可靠E ...

  9. java SSM 框架 代码生成器 websocket即时通讯 shiro redis

    1.   权限管理:点开二级菜单进入三级菜单显示 角色(基础权限)和按钮权限      角色(基础权限): 分角色组和角色,独立分配菜单权限和增删改查权限.      按钮权限: 给角色分配按钮权限. ...

随机推荐

  1. angular6 iframe应用

    问题一. iframe如何自适应屏幕高度 解决思路:通过设置iframe外层父元素高度等于window高度,再相对于父元素定位iframe元素:案例如下: 第一步: 模板文件中使用iframe // ...

  2. 虚拟现实中的Motion Sickness晕动症问题 - VIMS

    虚拟现实(VR)中的晕动症 - VIMS 在玩VR的时候,很多玩家都遇到过发晕恶心等症状,这就是晕动症(Motion Sickness,以下或简称MS).MS并不是VR特有的问题.我们在坐船.坐车.坐 ...

  3. python爬虫——京东评论、jieba分词、wordcloud词云统计

    接上一章,动态页面抓取——抓取京东评论区内容. url=‘https://club.jd.com/comment/productPageComments.action?callback=fetchJS ...

  4. python 虚拟环境配置

    刚学习 python 的同学经常会遇到一个问题: 已经安装了特定的包或者第三库,但是 pycharm 总是提示没有找到.

  5. BT面板安装php报错configure: error: C preprocessor “/lib/cpp” fails sanity check

    使用宝塔面板安装扩展时已经显示添加安装成功了,待我刷新浏览器之后没有安装成功.看了一下执行日志. 缺少必要的C++库,如下命令重装解决. yum reinstall glibc-headers gcc ...

  6. React入门学习

    为了获得更好的阅读体验,请访问原地址:传送门 一.React 简介 React 是什么 React 是一个起源于 Facebook 的内部项目,因为当时 Facebook 对于市场上所有的 JavaS ...

  7. 洛谷NOIp热身赛 T2123 数列游戏

    题目背景 此题为改编题,特别鸣谢倪星宇同学. 有一次,HKE和LJC在玩一个游戏. 题目描述 游戏的规则是这样的:LJC在纸上写下两个长度均为N的数列A和B,两个数列一一对应.HKE每次可以找两个相邻 ...

  8. bugku 成绩单

    看起来像是SQL注入,先来试试. 输入1,2,3显示的是三个人成绩. 来试试是否存在注入. 输入1,正常.输入1' 错误.输入1’#正常,说明存在注入点. 首先来看下有几列从1开始试,1’ order ...

  9. Java之微信公众号开发

    这次以文本回复作为案例来讲解Java相关得微信公众号开发. 首先必须要有一个个人微信公众号 个人微信公众号相关的接口权限有限,不过用于个人学习体验一下足够了,如图: 然后进入微信公众后台,点击基本配置 ...

  10. 算法学习之剑指offer（五）

    题目1 题目描述 输入一个整数数组,判断该数组是不是某二叉搜索树的后序遍历的结果.如果是则输出Yes,否则输出No.假设输入的数组的任意两个数字都互不相同. public class Solution ...