socket.get和socket.set函数已经失效，代码修改如下所示：

服务器端：

var httpd = require('http').createServer(handler);

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

var fs = require('fs');

httpd.listen(3000);

function handler(req, res) {

  fs.readFile(__dirname + '/index.html',

    function(err, data) {

      if (err) {

       res.writeHead(500);

       return res.end('Error loading index.html');

      }

      res.writeHead(200);

      res.end(data);

    }

  );

}

io.sockets.on('connection', function (socket) {

  socket.on('clientMessage', function(content) {

    socket.emit('serverMessage', 'You said: ' + content);

    var username = null;

    if (socket.username) {

        username = socket.username;

    }

      socket.broadcast.emit('serverMessage', username + ' said: ' +

        content);

  });

  socket.on('login', function(username) {

    socket.username = username;

    socket.emit('serverMessage', 'Currently logged in as ' + username);

    socket.broadcast.emit('serverMessage', 'User ' + username +

      ' logged in');

  });

  socket.emit('login');

});

客户端：

<html>

  <head>

    <title>Node.js WebSocket chat</title>

    <style type="text/css">

      #input {

        width: 200px;

      }

      #messages {

        position: fixed;

        top: 40px;

        bottom: 8px;

        left: 8px;

        right: 8px;

        border: 1px solid #EEEEEE;

        padding: 8px;

      }

    </style>

  </head>

  <body>

    Your message:

    <input type="text" id="input">

    <div id="messages"></div>

    <script src="http://localhost:3000/socket.io/socket.io.js"></script>

    <script type="text/javascript">

      var messagesElement = document.getElementById('messages');

      var lastMessageElement = null;

      function addMessage(message) {

        var newMessageElement = document.createElement('div');

        var newMessageText = document.createTextNode(message);

        newMessageElement.appendChild(newMessageText);

        messagesElement.insertBefore(newMessageElement,

          lastMessageElement);

        lastMessageElement = newMessageElement;

      }

      var socket = io.connect('http://localhost:3000');

      socket.on('serverMessage', function(content) {

        addMessage(content);

      });

      socket.on('login', function() {

        var username = prompt('What username would you like to use?');

        socket.emit('login', username);

      });

      var inputElement = document.getElementById('input');

      inputElement.onkeydown = function(keyboardEvent) {

        if (keyboardEvent.keyCode === 13) {

          socket.emit('clientMessage', inputElement.value);

          inputElement.value = '';

          return false;

        } else {

          return true;

        }

      };

    </script>

  </body>

</html>

node学习笔记之io.sockets的更多相关文章

  1. Node学习笔记（四）：gulp+express+io.socket部署angularJs2（填坑篇）

    这篇就先暂停下上篇博客--你画我猜的进度,因为在做这个游戏的时候,想采用最新的ng2技术,奈何坑是一片又一片,这边就先介绍下环境部署和填坑史 既然要用ng2,首先要拿到资源,我这边用的是angular ...

  2. Node学习笔记（三）：基于socket.io web版你画我猜（二）

    上一篇基础实现的功能是客户端canvas作图,导出dataURL从而实现图片信息推送,下面具体讲下服务端的配置及客户端的配置同步 首先先画一个流程图,讲下大概思路 <canvas id=&quo ...

  3. node学习笔记（二）（ajax方式向node后台提交数据）

    通过ajax向node后台提交数据过程(附手写前后台代码),并总结post与get的区别 POST 前台代码 //CSS简单给点样式 <style> form{ width: 200px; ...

  4. 将js进行到底：node学习笔记1

    废话:自高中以来一直对编程充满激情,磨剑五年,如今要毕业了,我不想用我已经擅长的知识敷衍,而想以一个全新的领域去面向我的毕设--是时候学习一下node.js node.js基础 对于JavaScrip ...

  5. node学习笔记第一天

    ES6---* JavaScript语言随着使用的人越来越多,ECMA语法规范:if/else* 为了让js语言更适应大型应用的开发.旨在消除一些怪异的行为 ### 包含内容(strict严格模式)- ...

  6. Node学习笔记（三）：基于socket.io web版你画我猜（一）

    经过惨淡的面试,也是知道了自己的不足,刚好最近在学习node,心中便有了做一个web版的你画我猜的想法 首先说下思路,在做准备工作的时候,有两个大概的思路: 1.规定一块div,捕捉鼠标事件,动态生成 ...

  7. Node学习笔记---初识Node

    博客原文地址:Claiyre的个人博客 https://claiyre.github.io/ 博客园地址:http://www.cnblogs.com/nuannuan7362/ 如需转载,请在文章开 ...

  8. Nodejs全站开发学习系列 & 深入浅出Node学习笔记 & Spider抓取

    https://course.tianmaying.com/node 这个系列的文章看起来很不错,值得学习一下. /Users/baidu/Documents/Data/Interview/Web-S ...

  9. Node学习笔记（二）：事件驱动

    接触Node,提得最多的可能就是回调,异步非阻塞处理,思前想后,JavaScript从前端语言过渡到服务器端,最大的劣势可能就是线程,当然这方面的不足现在也被慢慢弥补起来了(很多第三方的npm包可供下 ...

随机推荐

  1. flask项目结构（四）使用sqlalchemy和alembic

    简介 其实我不是啥正经人,错了,不是啥正经程序员,所能想到的估计也就码农一级吧,高级程序员,搞什么算法,什么人工智能,大数据计算…………离我还太遥远. 但是这并不妨碍我继续学习,继续写垃圾小程序. 反 ...

  2. javascript进阶笔记(3)

    本篇文章我们来学习和讨论一下js中的闭包.闭包是纯函数式编程的一个特性,因为它们能够大大简化复杂的操作.在js中,闭包的重要性不言而喻! 简单的说,闭包(closure)是 一个函数在创建时 允许 该 ...

  3. 【转载】Maven中的BOM概念

    1.概述 1.1.什么是 BOM? BOM stands for Bill Of Materials. A BOM is a special kind of POM that is used to c ...

  4. 前端基础之JavaScript进阶

    一.流程控制 if - else var a = 10; if (a >5){ console.log("yes"); }else { console.log("n ...

  5. 《Python》网络编程之黏包

    黏包 一.黏包现象 同时执行多条命令之后,得到的结果很可能只有一部分,在执行其他命令的时候又接收到之前执行的另外一部分结果,这种显现就是黏包. server端 import socket sk = s ...

  6. Cracking The Coding Interview 2.5

    这题的思想来自于http://hawstein.com/posts/2.5.html,重新实现了一下 用hash来记录循环的起点 //Given a circular linked list, imp ...

  7. 7.1 C++模板基本概念及语法　《C++模板与标准模板库》

    参考:http://www.weixueyuan.net/view/6398.html 总结: 模板是另一种代码重用机制. 需要设计的几个类,其功能都是一样的,仅仅只是需要操作的数据类型不同. 有更好 ...

  8. SharePoint REST API - 基本操作（二）

    博客地址:http://blog.csdn.net/FoxDave 上一节讲了SharePoint REST API的一些基本操作,本节将继续介绍一些关于SharePoint REST API的内容. ...

  9. Docker(2)：快速入门及常用命令

    什么是Docker? Docker 是世界领先的软件容器平台.开发人员利用 Docker 可以消除协作编码时“在我的机器上可正常工作”的问题.运维人员利用 Docker 可以在隔离容器中并行运行和管理 ...

  10. unity3d优化总结篇（二）

    1. 尽量避免每帧处理,可以每隔几帧处理一次 比如: [C#] 纯文本查看 复制代码     function Update() { DoSomeThing(); } 可改为每5帧处理一次: [C#] ...