跨端技术概述| 青训营笔记

81 阅读1分钟

这是我参与「第五届青训营 」笔记创作活动的第13天

跨端是什么?

跨端背景

  • PC端(windows,mac)
  • 移动端(安卓,ios)
  • web端,IoT设备(车载设备,手表)

常见痛点

  • 各端功能几乎一致,需要单独配置研发人员
  • 开发,维护成本高
  • 安卓,IOS发版周期长

目标

  • 研发效率高 学习成本底,多端一致性高
  • 用户体验好 稳定性高,性能体验好
  • 动态化 支持动态化下发,满足日益增长的业务需求

跨端技术方案介绍

hybrid 方案

基于WebView渲染,通过JS Bridge把一部分系统能力开放给JS调用。可以运行在各个端。

原生渲染方案

使用JS开发,通过中间层桥接后使用原生组件来渲染UI界面,React Native。

自渲染方案

利用Skia重新实现渲染管线,不依赖原生组件,Flutter。

小程序方案

使用小程序DSL+JS开发,通过中间层桥接后调用原生能力,使用webview来渲染UI界面。

案例-字节小程序

跨端技术方案对比

如何快速开发一个小程序(字节小程序)

developer.open-douyin.com/docs/resour…

下载小程序开发者工具

developer.open-douyin.com/docs/resour…

小程序开发,调试

小程序上传

小程序性能优化