使用野狗 API 打造一个实时用户体验收集程序的设计和实现。 以及更多后端实时云的真实案例的分享。

1. 《实时用户体验收集》
野狗 Meetup 技术沙龙 ▪北京 3W 咖啡

2. 关于我
 王龑
 @wyvernnot
Inspired by Datadog

3. Monitor Everything
 Google – 整合全球的信息
 Cloudinsight – 监控一切
 主机，服务，网络，环境，民生

4. 今天分享内容
 真实用户体验
 设计一个面向用户的采集系统
 后端云存储方案
 提高实时性
 更多的真实案例

5. 真实用户体验
 RUM
 模拟用户体验

6. 设计一个面向用户的采集系统
 基础数据
 用户浏览路径
 浏览器错误收集
 前端性能统计

7. 面向用户
 现有方案的缺点
数据清洗后无法还原场景
 业务数据监控佼佼者
 GrowingIO
 Mixpanel

8. 系统设计 - 基础数据
 浏览器
 厂商
 版本
 引擎
 语言
 操作系统
 设备
 尺寸
 方向
 像素比
 IP
{
"browser": {
"major": "601",
"name": "WebKit",
"version": "601.1.46"
},
"device": {
"model": "iPhone",
"type": "mobile",
"vendor": "Apple"
},
"engine": {
"name": "WebKit",
"version": "601.1.46"
},
"os": {
"name": "iOS",
"version": "9.3.2"
}
}
{
"availHeight": 548,
"availLeft": 0,
"availTop": 0,
"availWidth": 320,
"colorDepth": 32,
"height": 568,
"pixelDepth": 32,
"width": 320
}

9. 系统设计 – 还原场景
 用户浏览路径
 浏览器错误收集

10. 系统设计 - 前端性能统计
 瀑布图

11. 后端存储方案
 Key Value 存储
 后端云的特点
 实时通信
 数据安全
 弹性伸缩

12. 提高实时性
 从即时聊天联想到的
要执行的命令 在线的浏览器 返回结果
Ask the right question.

13. 更多的使用案例
 程序语言之父专题活动 - 弹幕聊天
 欧洲杯专题活动 – 赔率数据
 Chrome 插件数据存储和推送
 V8 内存分配仪表盘

14. cloudinsight.oneapm.com
老版本 新版本
使用插件请求不同的前端版本

15. 前端 DevOps 流水线

16. 前端更新频道
 Stable
 Canary
 Development

17. v8 内存分配仪表盘
 采集
 传输
 展示
 更新
 安全

18. 解决用户认证的问题
 Wilddog 支持这几种
 匿名
 邮箱密码
 新浪
 微信
 QQ
 自定义 （使用 Github 登陆）

19. 使用 Docker 部署应用
 Serverlite
 前端代码都在在 CDN 上
 “后端”只提供一个入口和进行用户认证
 Serverless

20. 总结
 实时用户体验采集系统
 设计
 实现
 Chrome 插件数据推送
 推送
 V8 内存分配仪表盘
 安全
 发展趋势
 后端云
 不可变架构

21. 谢谢
wangyan@oneapm.com