Colin's Blog
파이썬을 사용한 Azure SignalR 서비스로 실시간 채팅 구현

소개

Azure SignalR 서비스는 실시간으로 통신하는 애플리케이션을 빠르고 쉽게 구축할 수 있는 서비스입니다. 파이썬과 함께 사용할 경우, 실시간 채팅 애플리케이션을 손쉽게 구현할 수 있습니다. 이번 블로그 포스트에서는 파이썬과 Azure SignalR 서비스를 사용하여 실시간 채팅 애플리케이션을 구현하는 방법을 소개하겠습니다.

사전 요구사항

구현 단계

1. Azure SignalR 서비스 인스턴스 생성

Azure Portal에 로그인하고 신규 SignalR 서비스 인스턴스를 생성합니다. 필요한 설정 및 요금제에 따라 인스턴스를 구성합니다.

2. 파이썬 채팅 애플리케이션 개발

  1. 필요한 패키지를 설치합니다. 
     pip install flask
 pip install azure
 pip install azure.signalr

  2. 실시간 채팅 애플리케이션을 개발합니다. Flask를 사용하여 간단한 웹 애플리케이션을 구현합니다. 아래는 예시 코드입니다.

     from flask import Flask, render_template
 from flask_socketio import SocketIO, emit
 from azure.signalr import ConnectionConfig

 app = Flask(__name__)
 app.config['SECRET_KEY'] = 'mysecretkey'
 socketio = SocketIO(app, async_mode='threading')
 connection_string = 'your_connection_string'
 hub_name = 'your_hub_name'
    
 @app.route('/')
 def index():
     return render_template('index.html')
    
 @socketio.on('connect', namespace='/chat')
 def connect_chat():
     connection = ConnectionConfig.from_connection_string(connection_string, hub_name=hub_name)
     emit('connected', {'data': 'Connected to chat server'})
    
 @socketio.on('chat message', namespace='/chat')
 def handle_message(msg):
     emit('chat message', msg, broadcast=True)
    
 if __name__ == '__main__':
     socketio.run(app)

    이 코드에서는 Flask, Flask-SocketIO, Azure SignalR의 라이브러리를 사용합니다. 채팅 애플리케이션의 기능은 간단한 채팅 메시지를 전송하고 받는 것으로 구현되었습니다.

  3. index.html 파일을 생성하여 웹 페이지를 디자인합니다. 아래는 예시 코드입니다.

     <html>
 <head>
   <title>Chat</title>
   <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
   <script src="https://cdn.socket.io/socket.io-1.4.5.js"></script>
 </head>
 <body>
   <ul id="messages"></ul>
   <form action="" method="post" id="chatForm" name="chatForm">
     <input autocomplete="off" id="m" name="m" type="text" placeholder="Message" />
     <input type="submit" value="Send" />
   </form>
    
   <script>
     var socket = io.connect('http://localhost:5000/chat');
     socket.on('connect', function() {
       console.log('Connected to chat server');
     });
     socket.on('chat message', function(msg) {
       $('#messages').append($('<li>').text(msg));
     });
    
     $(function() {
       $('form#chatForm').submit(function(event) {
         event.preventDefault();
         socket.emit('chat message', $('#m').val());
         $('#m').val('');
         return false;
       });
     });
   </script>
 </body>
 </html>

    이 예시 코드에서는 JavaScript와 CSS를 사용하여 간단한 채팅 웹 페이지를 구현했습니다. socket.io를 사용하여 서버와 클라이언트 간의 실시간 통신이 이루어집니다.

3. Azure SignalR 서비스 연결 설정

파이썬 애플리케이션에서 Azure SignalR 서비스에 연결하려면 다음과 같은 설정이 필요합니다.

  1. 신규 SignalR 서비스 인스턴스로 이동합니다.
  2. “Settings” 탭에서 연결 정보를 확인합니다.
  3. Flask 애플리케이션의 ConnectionConfig 객체를 생성할 때, 위에서 확인한 연결 정보를 사용합니다.

4. 애플리케이션 실행

이제 파이썬 애플리케이션을 실행하여 실시간 채팅을 테스트할 수 있습니다. 아래와 같이 터미널에서 실행합니다.

python app.py

애플리케이션이 정상적으로 실행되면 웹 브라우저에서 http://localhost:5000에 접속하여 채팅 애플리케이션을 사용할 수 있습니다.

결론

이번 블로그 포스트에서는 파이썬과 Azure SignalR 서비스를 사용하여 실시간 채팅 애플리케이션을 구현하는 방법을 살펴보았습니다. Azure SignalR 서비스의 강력한 기능을 활용하여 실시간 웹 애플리케이션을 구축할 수 있습니다. 자세한 내용은 Azure SignalR 서비스 문서를 참고하시기 바랍니다.

#Azure #SignalR

© 2018 Colin. All rights reserved.