javascript - 在哪里可以找到 nodejs/javascript 客户端组合示例，显示数据从服务器加载到客户端、修改并发回？

Question

任何使用最新版本 nodejs 的工作示例都可以工作；理想情况下，它尽可能简单。

Answer 1

要使用创建一个文件夹，npm install express socket.io 然后放入三个文件，和'node app.js'。

layout.jade

!!! 5
title=title
body!=body

索引. Jade

script(src='http://cdn.socket.io/stable/socket.io.js')
script
  //create socket
  var socket = new io.Socket();
  //connect socket
  socket.connect();
  //on data recieved
  socket.on('message', function(data){
    //log data
    console.log( data );
    //modify data
    data.modified = true;
    //return data
    socket.send(data);
  });

应用程序.js

// expressjs.com, a web framework
var express = require('express');
// socket.io, real time communications
var io = require('socket.io');


//create web server
var app = module.exports = express.createServer();

//configure web server
app.configure( function () {
  app.set('views', __dirname);
  app.set('view engine', 'jade');
  app.use(app.router);
});
//handle requests for /
app.get('/', function (req, res, next) {
  res.render('index', {
    title: 'socket.io test'
  });
});

// listen on port 8080
app.listen( 8080 );
console.log("Express server listening on port %d", app.address().port);

// attach socket.io to the web server
var socket = io.listen( app ); 

// when a client connects
socket.on('connection', function(client){ 
  //send the client some data
  client.send({ data: [1,2,3] });
  // when the client sends back data
  client.on('message', function (msg){
    // log the data
    console.log( msg );
  }); 
});