Oddiy mini chat tizimini yaratish
![Quyida oddiy mini chat tizimi uchun to‘liq ishlaydigan Python (Flask + SocketIO)
asosidagi kod keltirilgan.
1. Kutubxonalarni o‘rnatish
Terminalda quyidagi buyruqni kiriting:
pip install flask flask-socketio
2. app.py faylini yarating
from flask import Flask, render_template, request
from flask_socketio import SocketIO, send
app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app, cors_allowed_origins='*')
@app.route('/')
def index():
return render_template('chat.html')
@socketio.on('message')
def handle_message(msg):
print(f"Xabar kelib tushdi: {msg}")
send(msg, broadcast=True)
if __name__ == '__main__':
socketio.run(app, host='0.0.0.0', port=5000, debug=True)
3. templates/chat.html faylini yarating
Papka tuzilmasi quyidagicha bo‘lishi kerak:
project_folder/
│
├── app.py
└── templates/](https://docx.uz/documents/b859d5d3-bb93-4657-9b43-d2bfa189c2f8/page_36.png?v=1)
![└── chat.html
chat.html faylining ichiga quyidagi kodni yozing:
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>Mini Chat Tizimi</title>
<script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>
<style>
body { font-family: Arial, sans-serif; background-color: #f7f7f7; }
#chat-box {
width: 60%;
height: 400px;
border: 1px solid #ccc;
margin: 20px auto;
padding: 10px;
background-color: #fff;
overflow-y: scroll;
}
#message-input {
width: 60%;
margin: 0 auto;
display: flex;
gap: 10px;
}
input[type="text"] {
flex: 1;](https://docx.uz/documents/b859d5d3-bb93-4657-9b43-d2bfa189c2f8/page_37.png?v=1)
Oddiy mini chat tizimini yaratish