广发证券投易通客户端的前端架构演进与实践

所属专题:大前端技术探索

嘉宾 : 李志文 | 广发证券信息技术部开发工程师

会议室 : 多功能厅 2+3

讲师介绍

专题演讲嘉宾:李志文

广发证券信息技术部开发工程师

曾就职于魅族科技 Flyme 大数据部门,负责数据平台和相关产品的前端架构设计和开发。2018 年加入广发证券,参加了多个大型交易柜台和交易系统终端的前端开发工作,主要负责各系统的前端基础架构设计和业务功能开发。

议题介绍

地点:多功能厅 2+3
所属专题:大前端技术探索

演讲:广发证券投易通客户端的前端架构演进与实践

广发投易通是由广发证券全自主研发的为专业机构投资者提供服务的极速交易平台。从 2016 年开始创建项目进行可行性验证,2017 年初正式立项,此后至今一直保持着高频迭代开发,当前已成为广发证券面向机构客户重点打造的最为核心的门户型 PB 交易系统。投易通客户端基于 Electron 和 React、TypeScript 技术栈研发,前端开发团队长期保持在 15~20 人规模,纯 TypeScript 代码量已达 80 多万行。

随着客户量和业务规模的持续增长,业务功能模块不断的丰富和新增,项目复杂度越来越高,在不同的阶段分别凸显出了不同的问题。基于各阶段主要问题的探索和解决,其客户端基础架构模式经历了几次较大的变动。此外在前端工程化、代码质量改善等方面也积攒了其独特的经验。本次主题演讲将围绕客户端项目在不同阶段的架构模式演进,分享与探讨相关的实践经验。

演讲提纲:

1. 项目背景简介‘

2.  Electron 中的几种独立运行环境

  • Electron 的基础架构
  • Electron 中的几种独立运行环境

3. 架构演进

  • 早期经典的 Main / Renderer 架构模式
    • 经典架构模式及特点
    • 基于插件子模块模式的基础架构
    • 业务发展凸显出的问题
  • 基于 Web Workers 的多线程架构模式
    • 多线程架构模式及特点
    • 线程间的通信性能优化策略
    • 单窗体多线程模式存在的问题
  • 基于 Web Workers 和 BrowserView 的多进程与多线程架构模式
    • 多窗体与多进程的架构模式
    • 应对业务规模膨胀、基础数据缓存内存膨胀的解决方案
    • 构建环境隔离的插件式开发平台
    • 需注意的问题与应对策略
  • 技术栈的演进与编码质量保障实践
    • 技术栈的演进
    • 研发规范、编码质量保障体系
    • 由 JavaScript 转向 TypeScript 的问题与解决方案
  • 工程化的演进及实践

4. 未来展望

你将获得:

  • 了解 Electron 应用开发的多进程架构模式
  • 了解一种高频数据通信下的 Electron 应用业务架构模式
  • 了解一种应对 Electron 应用业务规模膨胀的解决方案
  • 了解一种大型 JavaScript 项目迁移至 TypeScript 的实践方案

交通指南

广州·粤海喜来登酒店

Hilton Guangzhou Baiyun
地址:广东省广州市天河区天河南街道天河路208号粤海天河城商业F3
  • 微信咨询

  • 电话咨询

    联系电话:+86 18514549229

微信联系我们

在报名过程中如有任何问题,欢迎微信扫描二维码联系我们的票务经理