活动页整合平台

本片亮点特色

• 多项目路由整合

  将多个活动页整合到同一个应用，以路径区分。引流时只需处理各路径所需的数据，例如网址携带的参数。

• 配置的单一来源（SSOT）

  把各项目不同的 UI 与配置汇总成单一来源，类型由配置本身推导，降低编写错误与维护成本。

• 类型约束的配置映射表

  用映射表取代分散在各处的 switch 判断。新增方案时漏写任何配置，类型检查就会报错，未知的值则回退到默认值。

• 统一的 UI

  用 Vuetify 统一各活动页的界面，取代各自为政的样式。

• LINE 登录与异常处理

  通过 LIFF 对接 LINE 登录，统一处理加载流程与登录失效等异常情况。

幕后花絮难题与解法

1. 01 活动页各自为政，改一处要动好几处

   难题

   多个活动页各自用 HTML、JS 编写，UI 不统一。同类配置分散在各处，规则容易出现分歧，改一处要联动修改好几处。

   解法

   整合成 Vue 的单一应用，以路径区分各项目。配置集中为单一来源，并用 TypeScript 约束，漏写或写错在类型检查时就会发现。