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. Oracle----Job

    最近需要使用到Oracle的定时Job,感觉到学习能力很重要,同时也感觉到及时总结和记笔记也很重要,现在开始总结Job的使用

  2. Django后台post请求中的csrf token

    使用Requests库操作自己的Django站点,post登陆admin页面返回403,serverlog显示csrf token not set. csrf token是get登陆页面时服务器放在c ...

  3. css实现分割线

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...

  4. [WARNING]考前必读？！

    考试策略很重要. 1)             认真读懂每道题,把题意搞明白,把样例算出来,把题目要求的细节标出. 2)             推出每道题的模型,确定每道题的策略,是部分分还是要全部 ...

  5. s2 devMode cmdshell

    s2 devMode cmdshell   仅支持批量验证,命令执行 链接:http://pan.baidu.com/s/1sl7tgRV 密码:wud8 也可以通过outscan一键获取,之后导入t ...

  6. ubuntukylin14安装ns-allinone-2.35教程（虚拟机ubuntu同理）

    准备材料: 1.ubuntukylin14,百度进官网自行下载: 2.ns-allinone-2.35.tar.gz,百度进官网自行下载: 3.虚拟机:vmwareworkstation(可选). 4 ...

  7. 自定义滚动条 - mCustomScrollbar

    项目中需要使用自定义滚动条,但是试用了很多都功能不够全,今天发现一个比较全而且用法很简单的 -- mCustomScrollbar http://manos.malihu.gr/jquery-cust ...

  8. 入侵本地Mac OS X的详细过程 转自https://yq.aliyun.com/articles/22459?spm=5176.100239.blogcont24250.10.CfBYE9

    摘要: 本文从提升权限漏洞的一系列巧妙的方法来绕过受保护的Mac OS X.有些已经被处于底层控制,但由于它们存在着更多的认证和修补程序,我们不妨让这些提供出来,以便需要的人学习它们.虽然我不只是要利 ...

  9. javascript——Array

    # js数组分为属性和方法 ## 属性 1.constructor返回对创建此对象的数组函数的引用. 这个其实在javascript中的对象都有 var a = [] console.log(a.co ...

  10. 浏览器下载/导出文件 及jQuery表单提交

    1 比如以下按钮, 用于导出文件,如EXCEL文件. <li> <button class="whiteBg btn2" onclick="doExp( ...