Please enable JavaScript.
Coggle requires JavaScript to display documents.
(选题原因 (实现难点 (储存 (前端非结构化信息,存入数据库需要结构化), 并发量, 信息量大), 背景 (传统Web项目…
选题原因
实现难点
储存
前端非结构化信息,存入数据库需要结构化
并发量
信息量大
背景
传统Web项目
重后端,日志储存在Web服务器
现代企业大型Web项目
交互都在前端,复杂逻辑在Web页面,缺乏记录
定位问题全靠开发人员复现
很难快速定位问题
难复现的bug无从下手,比如IOS UIWebview、
应用场景
重Web场景
大型Web场景:如在线文档(石墨文档、腾讯文档)
采用的技术方案
整体方案
前端SDk合并上报
后台信息切片处理
admin展示
流程图
收集
储存
展示
具体每个方案的实现细节
前端SDK
合并上报
降级方案
IndexedDB
300MB,但是兼容性差,部分andriod机型不支持
LocalStroage
兼容性好,但是容量小,5MB
SessionStorage
整理流程
数据结构设计
对应数据库表级别
后台储存
技术选型
Mysql
db表
分片方案
白名单上报等
部署
Pm2
腾讯云
管理平台
React+Redux+React-Router
JSON展示优化
React-tree-view
表格展示优化
权限鉴别
总结
最后的实现成果