ToC业务用户弹窗的技术方案

原创

已于 2023-03-31 14:52:18 修改 · 729 阅读

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

文章标签：

于 2023-03-31 14:49:55 首次发布

文章讨论了如何设计ToC客户端如滴滴、美团等应用的一级页面弹窗，包括弹窗类型的定义、后端接口设计、配置即弹窗的策略、频控的两种技术方案（Redis和前端缓存）以及如何保证弹窗请求的速度。重点在于如何在保证用户体验的同时，降低开发成本和复杂性。

现在很多 ToC 客户端，比如：滴滴、美团、携程等等，都有很多的弹窗，那后端怎么设计更合理、更方便、成本更低呢？

我这里说的弹窗是说一级页面的弹窗，比如客户端的首页、个人中心页面、订单页面等。这种一级页面一般都有专门的部门负责，其他业务方需要接入弹窗，需要通过这个部门来接入。这里定义两种角色：

这里是我们的设计方案：

首先要约束弹窗类型，

序号	弹窗类型	类型说明
1	单图片	弹出一张图片，点击图片跳转
2	单Lottie	弹出一个动图，点击动图或者按钮跳转
3	双Lottie	弹出一个动图，点击或者自动跳转第二个动图，点击第二个动图跳转
4	其他弹窗1	比如，需要前端拼接展示完整图片的类型
5</