본문 바로가기

Computer195

websocket 과 XMPP를 이용한 웹 채팅 클라이언트 만들기 - 서버 준비 XMPP는 Extensible Messaging and Presence Protocol의 약자로 XML 기반의 메시지 프로토콜이다. 원래 이름은 Jabber 였으며 IETF의 개방형 표준이다. websocket 과 같은 전송 계층에 XMPP와 같은 메시지 프로토콜을 올려서 웹 채팅 클라이언트를 만들 수 있다. websocket 에 XMPP를 전송하기 위한 방법은 XMPP 서버가 websocket을 지원하거나, websocket 을 처리해주는 gateway를 두면 된다. 이번 포스팅에서는 openfire의 xmpp 서버를 이용해서 websocket에서 XMPP를 이용하여 웹 채팅 클라이언트를 만드는 방법을 설명하겠다. 참고로 xmpp.org 에서는 이용 가능한 서버, 클라이언트, 라이브러리를 조회할 수 있.. 2015. 2. 17.
웹소켓 node.js 라이브러리를 이용해 보자 웹소켓 서버를 구현한 라이브러리는 다음이 있다.1) node.js : websocket-node ( https://github.com/Worlize/WebSocket-Node )2) ANSI C : libwebsockets ( http://git.warmcat.com/cgi-bin/cgit/libwebsockets/ )3) Java : Jetty ( http://webtide.intalio.com/2011/04/getting-started-with-websockets/ ) 이번 포스팅에서는 node.js에서 구현된 사례를 알아보겠다. https://github.com/Worlize/WebSocket-Node 에서 가이드 된 것처럼 node.js 라이브러리를 설치한다. 그리고 서버 예제를 실행한다.var .. 2015. 2. 8.
웹소켓 헤더, 프레임 분석 (websocket header, frame) 웹 소켓은 HTML 상에서 말 그대로 소켓 연결을 하여 서버와 실시간으로 데이터를 주고받게 해주는 것이다. 웹소켓은 HTTP 의 반이중적인 통신을 보완하기 위해서 TCP 처럼 전이중적인 통신을 지원해주게 하기 위해서 HTML5 명세에 포함되어 있다. 웹 소켓 설정을 위해서는 웹소켓 열기 핸드셰이크를 진행해야 하는데, 클라이언트와 서버는 HTTP 로 이 과정을 진행한다. 웹 소켓을 요청하는 클라이언트의 HTTP 요청에는 Sec-WebSocket-Key 와 Sec-WebSocket-Version, Upgrade: websocket 등의 헤더가 필요하다. Upgrade 헤더는 클라이언트가 연결을 다른 프로토콜로 업그레이드 할 것임을 나타내며, websocket으로 업그레이드 할 것임을 나타낸다. 다음은 클라이.. 2015. 2. 8.
WebRTC - P2P infrastructure 지난 포스팅에 이어 이번 포스팅에서는 WebRTC를 위한 P2P Infrastructure에 대해서 이야기 해보려고 한다.(https://developer.mozilla.org/en-US/docs/Web/Guide/API/WebRTC/WebRTC_architecture 참고) * P2P Infrastructure WebRTC 는 브라우저 끼리 통신이기 때문에 이를 지원하기 위한 Infrastructure를 필요로 한다. WebRTC관련으로 나오는 단어들은 ICE, STUN, TURN, SDP, ICE Candidate 등인데 하나씩 기술하도록 한다. 1) ICE - Interactive Connectivity Establishment 의 약자로 웹브라우저(클라이언트, 또는 Peer)가 다른 웹브라우저에 .. 2014. 5. 11.
WebRTC를 알아보자 Intro & MediaStream WebRTC는 W3C에서 정의한 API로 브라우저와 브러우저 간에 voice calling, video chat, P2P file sharing을 제공하기 우한 것이다. 2011년 구글이 처음 open source project로 발표하였으며 IETF에서 관계된 프로토콜을, W3C에서 browser API에 대한 표준화가 진행중이다. (W3C는 2015년 2월 종료 예정이 미션으로 되어 있음) 주요 Design 또는 Task1. Web Browser에서 plugin없이 camera와 microphone을 이용하며 이 미디어들을 Capture 하도록 함(API: MediaStream or getUserMedia)2. Video/Audio를 P2P로 송수신할수 있도록 함(API:RTCPeerConnectio.. 2014. 5. 11.
webrtc android library 컴파일하기 http://simonguest.com/2013/08/06/building-a-webrtc-client-for-android/ 을 참고로 하여 작성하였다. 1. android sdk 설치 - http://developer.android.com/sdk/index.html?hl=sk 참고 2. android ndk 설치 - https://developer.android.com/tools/sdk/ndk/index.html 참고 3. android-studio 설치 - http://developer.android.com/sdk/installing/studio.html 참고 4. oracle jdk 6 설치 1) sudo add-apt-repository ppa:webupd8team/java 2) sudo apt.. 2014. 5. 10.

티스토리툴바