Node realtime part

MAKE WEB REALRealTime Socket.io

Caesar Chihttp://about.me/clonn

Saturday, April 19, 14

Caesar Chi

clonncdSaturday, April 19, 14

http://www.flickr.com/photos/kent-chen/6612953485/sizes/l/in/photostream/Saturday, April 19, 14

REAL TIME?

考慮？

http://www.flickr.com/photos/goldentime/4089413847/sizes/z/in/photostream/

效能

開發成本Saturday, April 19, 14

http://socket.io/

socket.ioinstall

•Socket.io

•Socket.io-client

•Chrome

•FireFox

•MobileSaturday, April 19, 14

• WebSocket

• Adobe® Flash® Socket

• AJAX long polling

• AJAX multipart streaming

• Forever Iframe

• JSONP Polling

Simple Codehttps://gist.github.com/4049817

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

io.sockets.on('connection', function (socket) { socket.emit('news', { hello: 'world' }); socket.on('my other event', function (data) { console.log(data); }); });

var socket = io.connect(); socket.on('news', function (data) { console.log(data); socket.emit('my other event', { my: 'data' }); });

var app = require('http').createServer(handler) , io = require('socket.io').listen(app) , fs = require('fs')

var socketio = require('socket.io'), io;

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); }); }

反饋式修改

with Express

server = http.createServer(app);server.listen(app.get('port'), function(){ console.log("Express server listening on port " + app.get('port'));});

require('./io.server').io(server);

var socketio = require('socket.io'), io;

exports.io = function (server) {

io = socketio.listen(server);

io.sockets.on('connection', function (socket) { socket.emit('init', { id: socket.id }); });};

var socket = io.connect(),

socket.on('init', function (data) { concole.log(data); });

廣播事件

io.sockets.on('connection', function (socket) { socket.broadcast.emit('user connected');});

廣播事件(沒有自己)

io.sockets.on('connection', function (socket) { io.sockets.emit('user connected');});

廣播事件(有自己)

設定事件https://github.com/LearnBoost/Socket.IO/wiki/Configuring-

Socket.IO

io.configure('production', function(){ io.enable('browser client etag'); io.set('log level', 1);

io.set('transports', [ 'websocket' , 'flashsocket' , 'htmlfile' , 'xhr-‐polling' , 'jsonp-‐polling' ]);});

io.configure('development', function(){ io.set('transports', ['websocket']);});

NODE_ENV=production node app.js

NODE_ENV=development node app.js

例如

// assuming io is the Socket.IO server objectio.configure(function () { io.set("transports", ["xhr-polling"]); io.set("polling duration", 10); });

授權設定https://github.com/LearnBoost/socket.io/wiki/Authorizing

handshakeSaturday, April 19, 14

CookieSaturday, April 19, 14

{ headers: req.headers // <Object> the headers of the request , time: (new Date) +'' // <String> date time of the connection , address: socket.address() // <Object> remoteAddress and remotePort object , xdomain: !!headers.origin // <Boolean> was it a cross domain request? , secure: socket.secure // <Boolean> https connection , issued: +date // <Number> EPOCH of when the handshake was created , url: request.url // <String> the entrance path of the request , query: data.query // <Object> the result of url.parse().query or a empty object}

驗證、串接資料

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

io.configure(function (){

io.set('authorization', function (handshakeData, callback) { handshakeData.userData = { ‘name’: ‘Caesar’, ‘age’: 18 }; callback(null, true); // error first callback style });

接上 User Connection

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

console.log(socket.handshake.userData);});

User Data 取得

NODE 到底是什麼？

範例

• https://github.com/clonn/socket-server

• https://github.com/clonn/comet-todo-list

https://gist.github.com/4049817https://github.com/clonn/socket-serverhttps://github.com/clonn/comet-todo-list

Node realtime part

Art & Photos

Calibre confidence in te digital flow Calibre RealTie Digital · Interactively learn new technology node rules The Calibre RealTime Digital interface accelerates the understanding

Bluemix Node-Red Part I

Realtime advertising

Realtime Linux

Penggunaan Node-RED pada Sistem Monitoring dan Kontrol ...Pada gambar 5 menggambarkan proses pengiriman data suhu dan kelembaban dimana proses pengiriman data diolah secara realtime

Module 14 Part 2: Applying GTFS-realtime to Your …Module 14 Part 2: Applying GTFS-realtime to your Agency 2 1. Module Description This module will teach students about the GTFS-realtime

REMOWZ - Realtime Water Quality Monitoring using ZigBee based WSN (Part II)

CVPR2017勉強会 Realtime Multi-Person 2D Pose Estimation using Part Affinity Fields

Realtime Application

Node object and roles - Fundamentals Webinar Series Part 3

Wince Realtime

Realtime Marketing

Internal mammary node irradiaon in early node … mammary node irradiaon in early node-posive ... breast cancer are oﬀered internal mammary node irradiaon as part ... , Radiother

Node setup, resource, and recipes - Fundamentals Webinar Series Part 2

UTRAN Iuh Interface Home Node B Application Part (HNBAP) Signaling

MAHAN GATEWAY NODE OPEN HOUSE PART II Visual …...MAHAN GATEWAY NODE OPEN HOUSE PART II Visual Preference Survey Results Mahan Corridor Node Zoning District (MCN) Slide Number 1 A

RealTime Ethernet

1 linked list€¦ · //3 queue using doubly linked list #include #include struct node{//node of queue (FIFO) int val;//value part struct node *next,

Realtime Pitch

· Web view2019. 11. 2. · It is the list in which the Pre part of the header node contains the address of the first node and the Pre part of the first node contains the address