Upgrade to Pro — share decks privately, control downloads, hide ads and more …

支付宝小程序的开放架构

 支付宝小程序的开放架构

yiminghe

May 19, 2018
Tweet

More Decks by yiminghe

Other Decks in Programming

Transcript

  1. 能⼒力力⼤大图 组件 视图 容器器 画布 地图 表单 ⽣生活号 … API

    多媒体 信⽤用 蓝⽛牙 … 分享 设备 位置 系统原⽣生能⼒力力 容器器、表单输⼊入 图标、进度条、⽂文字 滚动视图、滑块视图 ⽹网络、位置、蓝⽛牙 设备信息,下拉刷新 键盘,弹层 ⽀支付宝特⾊色服务 芝麻信⽤用 实名认证 信⽤用授权 OCR 识别 跳转⽣生活号 ⼈人脸识别 卡券 ⼩小程序跳转
  2. 整体架构 ⽀支付宝 APP 搜索 聚合⻚页 附近 ⾸首⻚页 card ⽣生活号 开发者中⼼心

    ⼊入驻 开发 测试 运维 运营 开放平台 接⼝口管理理 应⽤用管理理 码管理理 数据平台 运营数据 运维数据 运⾏行行引擎 框架 web 容器器 包管理理 服务平台 审核 处罚 社区
  3. 运⾏行行架构 JSCore webview Page a js Page a css/template Page

    b js webview Page b css/template native render data ui event render data ui event api system event
  4. 运⾏行行⽣生命周期 Native JSCore webview launch onLaunch page onLoad->onShow User Event

    render onReady handler re-render send data navigateTo onHide onShow webview
  5. IDE

  6. IDE 架构 每个⻚页⾯面独⽴立的 webview 使⽤用 webview 模拟 JSCore 模拟 API

    实现 webview JSCore webview Mock Services Operation System IPC native api