본문

Ajax와 XML: 채팅(chat)용 Ajax

Ajax와 PHP를 사용하여 채팅 애플리케이션 구현하기

문서 옵션

		이 페이지 출력
		이 페이지를 이메일로 보내기
		토론
		샘플 코드
		영어원문

제안 및 의견

피드백

난이도 : 중급

Jack D Herrington, Senior Software Engineer, Leverage Software Inc.

2008 년 1 월 22 일

Asynchronous JavaScript™ + XML (Ajax)과 PHP를 사용하여 채팅 시스템을 웹 애플리케이션에 구현해 봅시다. 여러분의 고객들은 특정 인스턴트 메시징 소프트웨어를 다운로드 하거나 설치하지 않고, 사이트의 콘텐트에 대해 서로 이야기 할 수 있습니다.

Web 2.0이라는 용어가 생겨나면서 개발자들은 커뮤니티에 대해 많은 이야기를 한다. 여러 가지 이야기들이 있지만, 어쨌든, 고객 또는 독자가 당면 주제나 여러분이 팔고 있는 제품에 관해 즉각적인 대화를 할 수 있도록 한다는 것은 매우 매력적인 일이 아닐 수 없다. 하지만, 여기에 어떻게 접근할 것인가? 제품 목록 페이지 같은 곳에 채팅 박스를 놓아서 고객들이 특별한 브라우저 또는 Adobe Flash Player를 설치할 필요가 없게끔 할 수 있을까? 가능하다! PHP, MySQL, dynamic HTML (DHTML), Ajax, Prototype.js 라이브러리 같은 무료의 툴들을 사용하면 가능하다.

고민하지 말고, 바로 구현에 들어가 보자.

로그인

채팅의 첫 번째 단계는 ID를 갖는 것이다. Listing 1에 보이는 것 같은 기본적인 로그인 페이지가 필요하다.

Listing 1. index.html

                
<html>
<head><title>Chat Login</title></head>
<body>
<form action="chat.php" method="post">
Username: <input type="text" name="username">
<input type="submit" value="Login">
</form>
</body>
</html>

그림 1은 이 페이지의 스크린샷 모습이다.

그림 1. 채팅용 로그인 창

주: 그저 누가 이야기를 하고 있는지를 구분하면 되기 때문에 이 예제에서는 이것만 필요하다. 여러분의 애플리케이션의 경우, 이미 로그인 페이지가 있을 것이므로, 기존 사용자 이름을 사용해도 된다.

댓글목록

등록된 댓글이 없습니다.

인기검색어

본문

Ajax와 XML: 채팅(chat)용 Ajax

관련링크

댓글목록

Search