dj chat

Django Websocket Chat System

Technology stack

django-channels + bootstrap + jquery

Project address reference: http://106.55.162.109:8888/ Account: admin Password: xhongc

Interface screenshot

Install

1. pip install -r requirement.txt
2. Install and run redis
3. python manage.py migrate #Initialize the database
4. python manage.py createsuperuser #Create an administrator account
5. python manage.py runserver 8088 or daphne -b 127.0.0.1 -p 8088 dj_chat.asgi:application
6. Visit 127.0.0.1:8088

deploy

nginx + daphne + gunicorn + supervisor

• gunicorn, green unicorn abbreviation, the WSGI http server processing of the Unix system complies with the WSGI interface, making the underlying processing separate from the upper-level business. Django is only responsible for the processing of the business layer. The use here is mainly official recommendation, and more people use the uwsgi server
• daphne supports HTTP, HTTP2 and WebSocket asgi servers, which mainly handle WebSocket requests.
• Supervisor Process Manager, when there are multiple processes that need to be processed on the web project, it is convenient for unified management, such as self-starting when the server down machine is restarted, etc.
• nginx static resource processing and request distribution, etc., http request points to gunicorn process, websocket request points to daphne process, etc.

tips: gunicorn and daphne open different ports!

nginx configuration

 server {
        listen 80 ;
        server_name 106.55.162.109 ;
        charset utf-8;
        client_max_body_size 75M ;
        location /static {
            alias /home/ubuntu/dj-chat/static;
        }
        access_log /home/ubuntu/chat_log/access.log;
        error_log /home/ubuntu/chat_log/error.log;
        location / {
            proxy_pass http://127.0.0.1:8000;
            include /etc/nginx/uwsgi_params;
        }
        location /ws {
            proxy_pass http://127.0.0.1:8001;
            proxy_http_version 1.1 ;
            proxy_set_header Upgrade $http_upgrade ;
            proxy_set_header Connection "upgrade" ;
            proxy_redirect     off ;
            proxy_set_header   Host $host ;
            proxy_set_header   X-Real-IP $remote_addr ;
            proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for ;
            proxy_set_header   X-Forwarded-Host $server_name ;
            proxy_read_timeout  36000s ;
            proxy_send_timeout  36000s ;
        }
        root /var/www/html;
        index boot_chat.html;
}

Docker deployment

docker-compose build
docker-compose up -d

Detailed process jumps to Docker deployment application Django+daphne+Gunicorn+Nginx+Redis

Follow-up development plan

• Develop music robots (listen to music synchronously by multiple people)

8. Players' online offline avatar turns gray
9. Redefine the message return structure

• Develop video robots (multi-player video)
• vue refactoring front-end