dhedegaard/webchat

Webchat

镜像概述和主要用途

Webchat是一个基于Django的网络聊天应用，通过HTTP协议实现实时聊天功能。前端采用React框架结合TypeScript开发，使用fetch API进行长轮询通信，实现客户端与服务器的实时数据交互。

核心功能和特性

• Django后端：基于Django框架构建，支持Python 3.4及以上版本（不支持Python 2.7）
• React+TypeScript前端：使用React框架和TypeScript开发用户界面，提供良好的开发体验和类型安全
• 长轮询机制：通过fetch API实现长轮询，确保实时聊天数据的传输
• 兼容性支持：包含babel-polyfill（支持Promise）和whatwg-fetch（支持fetch）等polyfills，以支持IE10及以上浏览器

使用场景和适用范围

适用于需要简单Web聊天功能的场景，如小型团队内部沟通、临时项目协作聊天、简单的Web社交互动等轻量级聊天需求。

详细使用方法和配置说明

Django后端运行

环境要求

• Python 3.4及以上版本
• pip包管理工具
• virtualenv虚拟环境工具

开发环境设置

1. 创建并激活虚拟环境：

   bash
   $ virtualenv venv
   $ source venv/bin/activate
   

2. 安装依赖包：

   bash
   (venv) $ pip install -r requirements.txt
   

3. 启动开发服务器：

   bash
   (venv) $ python manage.py runserver
   

生产环境建议

生产环境中建议使用uwsgi、gunicorn等WSGI应用服务器部署Django应用，以确保稳定性和性能。

TypeScript Web应用构建与开发

环境要求

• 最新版本的NodeJS
• npm或yarn包管理工具

环境设置

1. 进入webapp目录：

   bash
   $ cd webapp
   

2. 安装依赖包（以yarn为例，可替换为npm）：

   bash
   $ yarn
   

开发模式

启动watch脚本，实时监听文件变化并编译：

bash
$ yarn watch

生产构建

构建压缩的生产版本 bundle：

bash
$ yarn start

浏览器兼容性

前端包含必要的polyfills，支持IE10及以上浏览器，确保在较旧浏览器中也能正常运行。