如何打造高质量的 Electron 应用

1. 如何打造高质量的 Electron 应用叙南语雀前端工程师

2. 目录 01 语雀是什么 02 为什么选择 Electron 03 质量与稳定性方案的探索

3. /01 语雀是什么

4. 专业的云端知识库像书一样的知识库专业好用的编辑器安静愉悦的团队协同

5. 语雀桌面端借助系统能力提供好用的个人笔记工具带来更沉浸的创作体验

6. /02 为什么选择 Electron

7. 团队技术背景 Web 技术栈跨端诉求有成熟产品需要贴合团队的 Web 技术创业团队，希望更少的人力投入需要有专人维护，并且有成熟产品在使用尽可能代码复用，尤其是编辑器

8.

9. 语雀桌面端架构 GUI 管理发布工具数据能力应用管理研发支撑场景服务编辑器目录业务组件桌面应用跨端能力基础设施语雀云服务

10. Electron 带来的质量和稳定性挑战安全性要求更高代码质量要求更严格问题排查成本更大发版频率低业务链路更⻓包安全代码集成多和系统交互多本地数据安全

11. /03 质量和稳定性探索

12. 语雀研发流程产品设计系统分析研发测试代码评审发布监控

13. 语雀研发流程产品设计系统分析研发测试代码评审发布工程师是质量稳定性的一号位监控

14. 语雀研发流程产品设计系统分析研发测试代码质量测试覆盖度代码评审发布监控触达率 & 稳定性异常发现工程师是质量稳定性的一号位

15. 语雀研发流程产品设计系统分析研发测试代码质量测试覆盖度单元测试增量覆盖率代码评审发布监控触达率 & 稳定性异常发现动态更新灰度能力工程师是质量稳定性的一号位全链路日志

16. 单元测试编码成本高效果不持续⻛格各异写单测太复杂，大家不愿意写覆盖率逐渐降低，价值逐渐弱化可维护性差

17. 降低编写单测的成本

18. 降低编写单测的成本 1. 数据模拟，快速初始化业务数据

19. 降低编写单测的成本 1. 数据模拟，快速初始化业务数据 2. 提供组件渲染能力，可以模拟 store 和 props

20. 降低编写单测的成本 1. 数据模拟，快速初始化业务数据 2. 提供组件渲染能力，可以模拟 store 和 props 3. Mock 所有的系统依赖，只关心调用链路

21. 降低编写单测的成本 1. 数据模拟，快速初始化业务数据 2. 提供组件渲染能力，可以模拟 store 和 props 3. Mock 所有的系统依赖，只关系调用链路 4. 足够丰富的断言能力 …

22. 单测逐步标准化

23. 保障单测效果

24. 保障单测效果 1. 覆盖率卡点，提供测试报告

25. 保障单测效果 1. 覆盖率卡点，提供测试报告

26. 保障单测效果 1. 覆盖率卡点，提供测试报告 2. 增量覆盖率方案，逐步提升覆盖率代码覆盖率 Git di 信息

27. 单元测试还远远不够 1. 单测覆盖率高 != 集成测试没问题 2. 单测覆盖率高 != 测试过程不会遗漏

28. 如何保证集成测试的代码覆盖率

29. 单测覆盖率计算方案 AST 解析

30. 运行时尝试执行测试用例测试包生成插桩代码测试结束生成本次覆盖率

31. 统计增量覆盖率结果行列对比计算运行时覆盖率增量执行覆盖率 Git Diff 信息

32.

33. 代码质量保障单元测试集成测试覆盖率保障编码质量保障代码测试覆盖率，避免遗漏 case

34. 端稳定性包安全数据安全更新能力日志监控 Web 安全本地存储加固动态更新全链路日志分发防篡改离线数据防丢灰度机制异常监控 & 上报公证 & 签名存储脱敏回滚能力业务大盘监控报警语雀云服务

35. 全链路日志的诉求操作链路⻓安全性要求高涉及到端上的进程通信与本地数据库操作避免泄漏

36. 桌面端日志采集日志脱敏数据库操作发起请求批量上报 Render Process traceId 服务端网络请求业务日志本地存储 Main Process 按类型区分按日期滚动

37. 端 - 端日志链路分析线上感知桌面端服务端大盘 SLS 报警采集持久化存储分析日志 ODPS 离线存储

38. 采集的日志类型 1. 前端异常上报

39. 采集的日志类型 1. 前端异常上报 2. Webview 报错

40. 采集的日志类型 1. 前端异常上报 2. Webview 报错 3. 业务异常

41. 报错日志排查

42. 业务情况分析

43. /04 未来的探索

44. UI 自动化在测试包注入执行脚本，确保真实环境可模拟弱网，编辑器保存等特殊情况⻓期运行，可用于洞察性能问题

45. UI 自动化在测试包注入执行脚本，确保真实环境可模拟弱网，编辑器保存等特殊情况⻓期运行，可用于洞察性能问题

46. 我对质量和稳定性的看法开发是质量的一号位渐进增强，重在坚持方案和实际业务场景结合通过工程手段尽可能提前规避问题单测、日志监控都是⻓期投资没有银弹

47. 谢谢观看