如何在端外投放的场景下实现前端实时CEP框架？

背景

复杂事件处理（Complex Event Processing，以下简称CEP）在闲鱼内得到了广泛应用，基于用户使用闲鱼的实时行为，为用户提供更加丰富的优质信息与服务。闲鱼技术公众号有介绍过CEP在服务端和客户端上的设计与实现。然而之前的设计方案都只适用于闲鱼App端内场景，针对端外投放拉新场景（例如用户访问了多个商品详情页之后给用户发放优惠引导用户下单）需要设计在纯前端环境执行的实时CEP框架。本文主要介绍了在前端实现CEP的相关设计与实现。

设计目标

整个流程可以抽象为用户实时行为按照一系列规则匹配之后，以前台UI的方式对用户进行触达干预。对外投业务场景进行抽象，除了CEP基础能力之外，还有这三点关键设计目标：

1. 触达实时：从用户相关行为操作到对用户进行触达干预要尽量快，如果整个流程不够快，在触达干预的时候用户可能已经流失了。

2. 策略动态：业务需要经常对线上策略进行调整，期望业务开发只需要做一次接入，后续策略都可以服务端动态下发。

3. 多容器：外投场景包括小程序/Web/Weex这几种容器场景，都需要支持。

架构设计

将业务流程拆解为三部分，分别是用户实时行为采集、对实时行为按照规则复杂计算、以前端UI组件进行用户触达，对应三个核心模块：事件采集、复杂计算和用户触达。针对上述设计目标，为了实现触达实时，将对行为的复杂计算放到前端去执行；为了实现策略动态，设计了一个服务端运营平台管理所有策略，采集行为信息、复杂计算规