WS 架构图
2021-02-22 11:15:59 1 举报
架构图Demo
作者其他创作
大纲/内容
FloatView
Order Component
弹窗样式解析
implements
Presenter Interface
弹窗监控
弹窗CMS配置平台
...
弹窗bundle文件上传控制模块
开关控制
弹窗控制逻辑解析
Toast
页面渲染
商品详情页
弹窗
网络请求
View Layer
Model Layer
上报控制
PC浏览器访问指定端口获取App内置的html页面
启动应用展示弹窗
Presenter
弹窗策略配置模块
rn模块加载
平台适配与兼容
RN页面
App将log写入PC端的Socket中
Flutter
ViewKit
Fragment
状态控制
JSBundle解析
埋点上报控制
Android直接引入
信息封装
网络层
频道页面
Dialog Component
View Interface
弹窗bundle上传CMS配置平台
RN容器
业务逻辑层
Android/iOS Application Framework
测试通过后编译打包
视图层
弹窗bundle文件下发控制模块
手动上报
RN桥接
对外接口层
数据采集
DialogView
信息展示
PC在浏览器中html页面实时刷新展示log
弹窗版本控制
上报策略
用户校验
CMS平台下发弹窗bundle和弹窗策略
Platform
Components
网络请求与解析
通知捕获
同一局域网
App开启Socket服务监听指定端口
React Native
弹窗组件
Common Layer
弹窗展示
弹窗兜底逻辑控制
订单页面
信息上报
Net
H5导航栏封装
Activity
App
数据上报
H5
CMS平台配置弹窗策略
Search Component
弹窗研发
弹出策略
用户下载安装
用户触发弹窗弹出条件
页面弹窗触发逻辑控制
Banner Component
Contract
App监听到PC端的请求否则阻塞
数据过滤
平台适配层
UI Core
网络请求Hook
网络请求HOOK
首页
jsBridge
多渠道发版
Presenter Layer
页面弹窗监控
SharePreferces
客户端
JSBridge
客户端bundle加载和弹窗策略解析
View
Data Repository
App通过PC端Socket获取到PC浏览器的请求,将本地html文件写入PC端的Socket中
PC在浏览器中渲染html并请求log数据
制定弹窗策略
ReactNative Framework
Login Component
弹窗bundle模块动态加载
数据获取
RN模块加载
0 条评论
下一页