20140512 node.js를 활용한 실시간...

Post on 22-Jun-2015

3.274 views 10 download

Transcript of 20140512 node.js를 활용한 실시간...

node.js를 활용한실시간 웹 채팅

2014년 5월

socurites@gmail.comhttp://socurites.com

http://kmong.com/socurites

목차

● 간단 예제 - 단일 방 채팅

● 간단 예제 - 멀티 방 채팅

● Like Google Talk

단일방 채팅

간단 예제

Scaffold 단일방 채팅

Event Flow 단일방 채팅

채팅 서버

“connect”

“adduser”

Jimmy Peter

“updatechat”(socket) “updatechat”

(socket.broadcast)“updateusers”

(io.socket) “connect”

“adduser”

“updatechat”(socket)

“updatechat”(socket.broadcast) “updateusers”

(io.socket)“sendchat”

“updatechat”(io.socket)

Jimmy 입장

Peter 입장

채팅 시작

Jimmy 입장 단일방 채팅

Client

Server

Jimmy 입장 단일방 채팅

Client

Jimmy 채팅 시작 단일방 채팅

Client

Server

멀티방 채팅

간단 예제

Scaffold 멀티방 채팅

Event Flow 멀티방 채팅

채팅 서버

“connect”

“adduser”

Jimmy Peter

“updatechat”(socket) “updatechat”

(socket.broadcast.to)

“connect”

“adduser”“updatechat”

(socket)“updatechat”(socket.broadcast.to)

“sendchat”“updatechat”(io.socket.in)

Jimmy 입장

Peter 입장

채팅 시작

“switchroom”“updatechat”

(socket.broadcast.to)

Jimmy 입장 멀티방 채팅

Client

Server

Jimmy 입장 멀티방 채팅

Client

Jimmy 채팅 시작 멀티방 채팅

Client

Server

Like Google Talk

Toy

http://www.youtube.com/watch?v=aM5Cmr_4Cyw

참고자료

● [번역] node.js를 활용한 실시간 채팅 프로그램http://socurites.com/345