파이썬 웹훅을 활용한 실시간 채팅 애플리케이션 개발하기

22 Sep 2023

python

개요

이번 프로젝트에서는 파이썬 웹훅을 활용하여 실시간 채팅 애플리케이션을 개발하는 방법에 대해 알아보겠습니다. 파이썬의 웹훅은 웹 애플리케이션에 예약된 URL로 HTTP 요청을 받을 수 있는 기능을 제공합니다. 이를 활용하여 실시간 채팅 기능을 구현할 수 있습니다.

필요한 도구

이 프로젝트를 위해 다음과 같은 도구를 사용할 것입니다:

파이썬 3.7 이상
Flask 웹 프레임워크
웹소켓 라이브러리 (예: Flask-SocketIO)

절차

Flask 웹 프레임워크 설치하기

pip install flask

웹소켓 라이브러리 설치하기

pip install flask-socketio

기본 채팅 애플리케이션 구현하기

from flask import Flask, render_template
from flask_socketio import SocketIO, emit

app = Flask(__name__)
app.config['SECRET_KEY'] = 'your_secret_key'
socketio = SocketIO(app)

@app.route('/')
def index():
    return render_template('index.html')

@socketio.on('message')
def handle_message(message):
    emit('message', message, broadcast=True)

if __name__ == '__main__':
    socketio.run(app)

HTML 템플릿 작성하기

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>실시간 채팅</title>
    <script src="https://cdn.socket.io/socket.io-3.1.3.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <div id="chat-box"></div>
    <input id="message-input" type="text"></input>
    <button id="send-button" onclick="sendMessage()">보내기</button>

    <script>
        var socket = io();
        
        $('#send-button').click(function() {
            var message = $('#message-input').val();
            socket.emit('message', message);
            $('#message-input').val('');
        });

        socket.on('message', function(message) {
            $('#chat-box').append('<p>' + message + '</p>');
        });
    </script>
</body>
</html>

실행 및 결과 확인

위의 코드를 준비한 후 터미널에서 파이썬 애플리케이션을 실행시킵니다. 그리고 웹 브라우저에서 http://localhost:5000에 접속하면 실시간 채팅 애플리케이션이 실행됩니다. 여러 사용자가 접속하여 채팅을 할 수 있습니다. 메시지를 입력하고 보내면 채팅창에 메시지가 실시간으로 출력됩니다.

결론

이번 프로젝트에서는 파이썬 웹훅을 활용하여 실시간 채팅 애플리케이션을 개발하는 방법을 알아보았습니다. 이를 통해 웹소켓과 파이썬을 사용하여 실시간 채팅 기능을 구현할 수 있게 되었습니다. 이제 여러분도 이 기능을 활용하여 다양한 실시간 애플리케이션을 개발할 수 있을 것입니다.

#파이썬 #웹훅 #실시간채팅 #웹소켓