websocket

Author: csxiaoyaojianxian

04-常用功能/04-websocket/README.md

@@ -0,0 +1,59 @@
+# websocket 学习总结
+
+## 1. 目录结构
+
+```
+|--- index.html      // 客户端程序，包括API
+|--- node            // node服务端程序，包括封装程序
+|--- php             // php服务端程序
+|--- ws聊天室         // 聊天室demo
+|--- 兼容低版本浏览器  // flash兼容版本
+```
+
+## 2. 智能客服设计
+
+### 2.1 效果图
+
+效果图01
+
+![智能客服01](pic/智能客服01.jpg)
+
+效果图02
+
+![智能客服02](pic/智能客服02.jpg)
+
+### 2.2 特性
+
+1. 即插即用，仅需引入一个js文件，即可实现效果
+2. 使用websocket，支持数据pull，push
+
+### 2.3 支持的消息数据类型
+
+1. 文本
+2. 图片（二进制 base64）
+3. 表情（正则替换）
+
+### 2.4 技术选型
+
+#### 2.4.1 前端
+
+1. 使用 webpack 构建
+2. react 实现组件化和模板渲染
+3. bootstrap 快速搭建 UI
+
+#### 2.4.2 后端
+
+1. nodejs (首选)
+2. go
+
+### 2.5 数据结构
+
+
+
+
+
+### 2.6 数据处理
+
+1. 敏感信息过滤
+2. 表情包正则替换
+3. 数据持久化，数据库