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. jQuery中$.fn的用法示例介绍

    $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效,下面有个不错的示例,喜欢的朋友可以参考下 如扩展$.fn.abc(),即$.fn.abc()是对jquery ...

  2. JAVA要死了吗？不！我来告诉你为什么！

    我们看到"Java 死了吗?" 这个问题,年年都被抛出来,然而至今为止,从所有的第三方统计来看,Java 不仅活的很好,还在保持增长.虽然不断有新的语言面世,TIOBE 仍将 Ja ...

  3. 浏览器与web客户端的HTTP交互过程

    未经许可谢绝以任何形式对本文内容进行转载! HTTP协议是常见的几种应用层协议之一,当我们用浏览器和web客户端进行交互时html页面等内容的传输都是依靠该协议完成的.值得注意的是,HTTP使用的是T ...

  4. Ogre中OIS的输入的使用

    OIS的使用有两种模式:缓冲模式和非缓冲模式.非缓冲方式能处理鼠标或键盘长按的事件,实时性强缓冲方式则不能长按事件,用于非实时响应. 非缓冲输入:1.创建方式:其中 false 参数代表使用非缓冲模式 ...

  5. JavaEE视频学习

    1.实现东西应先实现静态,即使用固定的数据,比如链接数据库应先实现指定数据库如mysql的链接,成功后再向动态链接修改.方法也要这样写,一步步推进,不能一下子写出动态方法,这样很容易出错.

  6. firefox兼容性问题

    //innertext 火狐不同版本不兼容 document.getElementById("user-content").textContent=content; 博主使用的是最 ...

  7. Oracle 异常处理汇总

    Oracle 异常处理汇总 1.plsql无法连接 安装oracle,中间录入密码,用户是:sys,pass: 录入的密码. 连接数据库,建议创建新的用户,最好别直接用sys 安装完毕,则需要配置Ne ...

  8. centos虚拟机网络配置

    修改IP vi /etc/sysconfig/network-scripts/ifcfg-eth0 ONBOOT=yes BOOTPROTO=dhcp service network restart ...

  9. ubuntu 更换系统语言，Change System Language

    1.打开设置,打开“Language Support”. 2.如果列表中没有你的语言,点击“Install/Remove Language”,下拉选择你的语言,点击“Apply Changes”. 3 ...

  10. Oracle EM 的访问方式由HTTPS改为HTTP

    打开命令提示符,依次运行以下命令: set ORACLE_HOSTNAME=%COMPUTERNAME% set ORACLE_UNQNAME=orcl rem 指向 dbhome_1\oc4j\j2 ...