1、首先在官网http://www.nodejs.org/下载NODE.JS

2、打开命令行CMD，进入NODEJS\node_modules\的目录，输入npm install socket.io  安装socket.io模块.别急着关掉此CMD窗口，后面有用

3、搭建服务端代码server.js

 var http = require('http');

 var io = require('socket.io');

 var cisserver = http.createServer(function (request, response) {

     response.writeHead(200, { 'Content-Type': 'text/html' });

     response.end('start!');

 }).listen(8000);

 var ccisSocket = io.listen(cisserver); //.set('log', 1);

 ccisSocket.on('connection', function (client) {

     client.on('message', function (data) {

         console.log('client message', data);

         client.emit('message', data);

         client.on('disconnect', function () { console.log('disconnect') })

     })

 })

4、切换之前NODEJS的命令行窗口输入node server.js开启监听模式

5、客户端代码

   <!DOCTYPE html>

     <html>

     <head>

         <script src='http://localhost:8000/socket.io/socket.io.js'></script>

     </head>

     <body>

         <script>

             var HTML5WebSockets = {};

             HTML5WebSockets.socketio = {

                 yoursocket: null,

                 initialize: function () {

                     HTML5WebSockets.socketio.yoursocket = io.connect('http://localhost:8000');

                     HTML5WebSockets.socketio.yoursocket.on('connect', function () {

                         HTML5WebSockets.socketio.log('You are connected to Server<br />');

                         HTML5WebSockets.socketio.yoursocket.send("目前有值");

                     });

                     HTML5WebSockets.socketio.yoursocket.on('message', function (data) {

                         //alert(data);

                         HTML5WebSockets.socketio.log('Server Response:  ' + data + '<br />');

                     });

                     HTML5WebSockets.socketio.yoursocket.on('disconnect', function () {

                         HTML5WebSockets.socketio.log('You are disconnected from Server<br />');

                     });

                     document.querySelector('#sendMes').onclick = function () {

                         HTML5WebSockets.socketio.sendMessageToServer(document.getElementById("mes").value);

                         document.getElementById("mes").value = '';

                     };

                 },

                 sendMessageToServer: function (data) {

                     HTML5WebSockets.socketio.yoursocket.send(data);

                     HTML5WebSockets.socketio.log('Message to Server: ' + data + '<br />');

                 },

                 log: function (message) {

                     document.getElementById("log").innerHTML += message;

                 }

             }

         </script> 

         <div id='log'></div>

         <input type='text' id='mes' />

         <button type='button' id='sendMes'>Send</button>

         <br />

         <script>

             HTML5WebSockets.socketio.initialize();

         </script>

     </body>

     </html>

7、运行HTML文件，输入值，等待服务端返回的结果

node.js搭建简单的websocket的更多相关文章

  1. iOS 使用node js 搭建简单的本地服务器

    一.前提:基于iOS 项目 调用,使用了第三方框架NodeMobile.技术说明关键是 应用生命整个周期只能在应用启动时候开辟的一个线程里申请 一个 node  js 资源.如果终止了运行,重启是不支 ...

  2. 使用 Node.js 搭建微服务网关

    目录 Node.js 是什么 安装 node.js Node.js 入门 Node.js 应用场景 npm 镜像 使用 Node.js 搭建微服务网关 什么是微服务架构 使用 Node.js 实现反向 ...

  3. 使用Node.js搭建静态资源服务器

    对于Node.js新手,搭建一个静态资源服务器是个不错的锻炼,从最简单的返回文件或错误开始,渐进增强,还可以逐步加深对http的理解.那就开始吧,让我们的双手沾满网络请求! Note: 当然在项目中如 ...

  4. 使用 Node.js 搭建 Web 服务器

    使用Node.js搭建Web服务器是学习Node.js比较全面的入门教程,因为实现Web服务器需要用到几个比较重要的模块:http模块.文件系统.url解析模块.路径解析模块.以及301重定向技术等, ...

  5. Centos7 中 Node.js安装简单方法

    最近,我一直对学习Node.js比较感兴趣.下面是小编给大家带来的Centos7 中 Node.js安装简单方法,在此记录一下,方便自己也方便大家,一起看看吧! 安装node.js 登陆Centos ...

  6. 创建node.js一个简单的应用实例

    在node.exe所在目录下,创建一个叫 server.js 的文件,并写入以下代码: //使用 require 指令来载入 http 模块 var http = require("http ...

  7. node.js搭建Web服务器

    Node.js 博客搭建 一. 学习需求 Node 的安装运行 会安装node,搭建node环境 会运行node. 基础模块的使用 Buffer:二进制数据处理模块 Event:事件模块 fs:文件系 ...

  8. Docker最全教程之使用Node.js搭建团队技术文档站（二十三）

    前言 各种编程语言均有其优势和生态,有兴趣的朋友完全可以涉猎多门语言.在平常的工作之中,也可以尝试选择相对适合的编程语言来完成相关的工作. 在团队技术文档站搭建这块,笔者尝试了许多框架,最终还是选择了 ...

  9. 使用node+vue实现简单的WebSocket聊天功能

    最近学习了一下websocket的即时通信,感觉非常的强大,这里我用node启动了一个服务进行websocket链接,然后再vue的view里面进行了链接,进行通信,废话不多说,直接上代码吧, 首先, ...

随机推荐

  1. 编译c

    1.打开vs工具 2.弄到相同路径(同所编译文件) 3.cl(微软编译器) 生成 obj exe文件 4.system是一个通用指令 可以在windows linux mac用

  2. Python 批量修改文件名

    最近下载了几部美剧(越狱.迷失.权利的游戏......),每集文件名都好长好长..想改短一些,但一个一个改太累了,于是写了个脚本来实现批量修改: 修改前文件名: 修改后文件名: 代码实现: #enco ...

  3. Tomcat Start 报错 （COULD NOT DELETE MAY BE LOCKED BY ANOTHER PROCESS）

    jsp文件重命名后发布不起来了,提示文件被占用,原因是当前的java ee项目 与它引用的java项目 依赖了相同的jar包,删除了clean 再发布,问题解决,如有需要再引用回来 http://it ...

  4. 原生select默认显示为空胡fish覅神农大丰今年圣诞节奋笔疾书发撒可交付你说的尽快发那段时间南方大厦尽可能放你的所发生的你富家大室耐腐蚀的看法呢尽快发你上课积啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊撒啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊分你束带结发你看

    下拉框默认为空: <select> <option value="" class="blank"></option> < ...

  5. Baidu set to lose leading role in digital advertising _china daily

    advertising: n,广告 Online search giant Baidu Inc is set to loset its top spot in the nation's booming ...

  6. html框架

    1.框架的概念 框架:将一个浏览器窗口划分成若干个小窗口 2.框架集合框架页 框架集<frameset>:主要用来划分窗口的. 框架页<frame>:主要用来指定窗口默认显示的 ...

  7. java web的开发 知识要点

    近期闲下来时写的一个有关 java web的开发 的 常用架构 的总结,用于初 学 者或团队新人培训. Java开发初步.ppt SSH  为 struts+spring+hibernate 的一个集 ...

  8. -Three.js开发指南---用three.js创建你的第一个三维场景（第一章）

    本章主要做了下面的工作 1 生成一个简单的场景,该场景的物体只有平面和坐标轴 2 在第一个demo的基础上添加光源和方块物体,并生成阴影 3 在第二个demo的基础上,增加动画,使得方块进行旋转 4 ...

  9. 【SFTP】使用Jsch实现Sftp文件下载-支持断点续传和进程监控

    参考上篇文章: <[SFTP]使用Jsch实现Sftp文件下载-支持断点续传和进程监控>:http://www.cnblogs.com/ssslinppp/p/6248763.html  ...

  10. rails下自动更新静态文件的gem包

    https://github.com/guard/guard-livereload gemfile group :development do gem 'guard-livereload', '~&g ...