Socket.io 即時通訊實作

Transcript

1. ⽰儘鸒鎝㻜⡲ ꤫㎗鰜
   !UPNNZ
2. 䖎⛉䖎⛉⟃⵹˘˘ ˖ 鰶鑉1PMMJOH
   ˖ 嫦ꥬ♧媯儘꟦ぢ⠿剪㐼锞宠剓倞须俲
   ˖ Ꟁ鰶鑉-POH1PMMJOH
   ˖ ⠿剪㐼莅㹐䨩畮⥃䭰鸮箁瘞䖊须俲刿倞 2
3. 8FC4PDLFU ˖ 鸠䏞䘰
   ˖ ⢪欽矦㋲
   ˖ ⠿剪㐼莅㹐䨩畮〳ꦑ儘꧱ぢ彘鸒
   ˖ *&
   
   ♶佅䴂 3
5. 8IZ
   4PDLFUJP ˖ ⢪欽矦㋲
   ˖ 懳錒㐼♶佅䴂
   8FC4PDLFU
   儘荈⹛
   GBMMCBDL 5
6. 㸞酤 npm install socket.io --save 6
7. &YQSFTT var express = require('express'); var app = express(); var server = require('http').Server(app); var io = require('socket.io')(server); app.set('views', __dirname + '/views'); app.set('view engine', 'html'); app.engine('html', require('ejs').renderFile); app.get('/', function(req, res, next){ res.render('index'); }); server.listen(4000, function(){ console.log('Server started'); }); 7 ⵹䞕䲿銴
   IUUQTTQFBLFSEFDLDPNUPNNZGBTUXFCEFWFMPQNFOUXJUIFYQSFTT
8. 7JFX <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Chat room</title> </head> <body> <script src="/socket.io/socket.io.js"></script> </body> </html> 8 鯺Ⰵ
   4PDLFUJP
   ⴅ䒭䏨
9. 姹鵔鎝䜂 9 ⵹畮
   var socket = io.connect('http://localhost:4000'); socket.on('message', function(data){ alert(data.content); }); 䖕畮
   io.on('connection', function(socket){ socket.emit('message', {content: 'Hi there!'}); }); 
   ⢪欽罏鸮箁ⵌ⠿剪㐼 
   ⠿剪㐼䱺佐ⵌ⢪欽罏涸鸮箁 
   ぢ⢪欽罏⫄鷑姹鵔鎝䜂 
   ⢪欽罏䱺佐ⵌ姹鵔鎝䜂
10. 崩玑 10 使⽤用者 伺服器 
    ⢪欽罏鸮箁ⵌ⠿剪㐼 
    ぢ⢪欽罏⫄鷑姹鵔鎝䜂
11. 1VC4VC
    垸䒭 ˖ 1VCMJTI4VCTDSJCF
    垸䒭
    ˖ 㖈
    /PEFKT
    ⚥⟃
    &WFOU&NJUUFS
    㻜⡲ 11 Subscriber Publisher 4VCTDSJCF PO FWFOU 1VCMJTI FNJU FWFOU
12. 䑞久 䑞久窍䨾剤⢪欽罏ꤑ✫荈䊹
    socket.broadcast.emit('message', { content: 'Hi everyone!' }); 䑞久窍䨾剤⢪欽罏⺫䭍荈䊹
    io.emit('message', { content: 'Hi everyone!' }); 12
13. 翝㣔㹔 ⵹畮
    var socket = io.connect('http://localhost:4000/room'); 䖕畮
    io.of('/room').on('connection', function(socket){ console.log('User connected to the room!'); }); 13
14. 5IBOLT 14