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. 匈牙利算法 DFS模板（了解度+1）

    //算法核心是求最大匹配数 #include<bits/stdc++.h> #include<iostream> #include<cstdio> #include ...

  2. CSS中的class与id区别及用法

    转自http://www.divcss5.com/rumen/r3.shtml及http://www.jb51.net/css/35927.html 我们平常在用DIV CSS制作Xhtml网页页面时 ...

  3. HTML中的属性、段落、标题、换行等

    HTML的属性html标签的属性总是以名称/值(name＝“value”)的方式出现:属性总是在html元素的开始标签中规定: 1.html链接由<a>标签定义,url在href中指定:& ...

  4. winfrom自定义控件

    c#TabControl控件左边选项卡左边显示,文字横向显示 http://blog.csdn.net/kasama1953/article/details/52133713 WinForm中,给Te ...

  5. 05:统计单词数【NOIP2011复赛普及组第二题】

    05:统计单词数 总时间限制:  1000ms 内存限制:  65536kB 描述 一般的文本编辑器都有查找单词的功能,该功能可以快速定位特定单词在文章中的位置,有的还能统计出特定单词在文章中出现的次 ...

  6. dvwa第一次接触

    DVWA (Damn Vulnerable Web Application)DVWA是用PHP+Mysql编写的一套用于常规WEB漏洞教学和检测的WEB脆弱性测试程序.包含了SQL注入.XSS.盲注等 ...

  7. Window 消息大全

    消息,就是指Windows发出的一个通知,告诉应用程序某个事情发生了.例如,单击鼠标.改变窗口尺寸.按下键盘上的一个键都会使Windows发送一个消息给应用程序. 消息本身是作为一个记录传递给应用程序 ...

  8. ios 写项目的时候遇到的问题及解决方案(2)

    11.自适应文本高度 NSDictionary *attributes = @{NSFontAttributeName: [UIFont systemFontOfSize:]}; CGRect rec ...

  9. Rails 4.0 移除了 XML 参数解析器。若要使用请加入 actionpack-xml_parser

    拜读了用 Rails 搭建微信公众平台 API之后发现, params[:xml]这个办法在Rails 4里面已经被办掉了,于是就看了一下Rails 4的新特性发现XML Parameter pars ...

  10. Lua学习----Lua的表达式

    前言 Lua的运算符和其他语言基本类似.但也有一点点区别 1．算术运算符 Lua的算术运算符加入了指数运算符^ print(2 ^ 10) -->打印 1024. 求2的10次方 2．关系运算符 ...