Cube 技术解读 | 详解「支付宝」全新的卡片技术栈
发布网友
发布时间：2024-10-06 18:06
共1个回答
热心网友
时间：2024-10-06 18:23
魔方卡片（Cube）是蚂蚁集团内部研发的跨平台动态卡片解决方案，专为应用内区域动态化设计，助力内容运营和提高开发、运营效率。在CodeHub#7的分享中，技术专家京君深入解析了Cube的架构、渲染生产和调试过程。
从早先的图标入口，到iOS和Android的卡片场景，再到鸿蒙系统的流量入口，卡片作为内容和服务展示的灵活性日益重要。魔方卡片通过区域嵌入，内容由卡片模板展示，支持内容和样式实时更新，无需等待版本升级。
Cube的核心在于高性能，追求接近原生体验。通过简化CSS和*JavaScript能力，使用quickjs引擎和WAMR优化，确保性能与内存管理。它还提供配套开发工具，包括卡片编译、日志和预览功能，开发者可以使用Vue构建和定制卡片样式。
卡片的生产和发布流程涉及卡片管理后台，开发者完成本地开发后，将产物上传并管理版本，实现客户端动态更新。魔方卡片容器（CardSDK）封装通用能力，简化业务接入，专注于卡片本身的功能实现。
魔方卡片的系统架构由JSEngine、CardEngine、RenderEngine和Platform四部分构成，大部分代码基于C++编写。这些组件协同工作，支持卡片内的业务逻辑和数据变化，保证高性能渲染和流畅的用户体验。
在数据模型方面，魔方卡片涉及NodeTree、RenderTree和LayerTree等多棵树结构，通过合理设计，确保渲染效率和内存管理。对于列表场景，异步渲染和多线程并发能力显著提高了性能，尤其是在低配置设备上。
未来，魔方卡片在支付宝等场景的广泛应用已经证明其价值。随着技术持续优化，将为开发者提供更完善的工具和性能优化，同时扩展到物联网设备的应用开发，以满足更多场景的需求。
