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

64 阅读1分钟

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

今天学习了跨端技术。进行以下总结和笔记。

随着业务的发展,产生了越来越多的业务场景,同时随着技术的发展,产生了越来越多的端,PC端(Windows、Mac),移动端(安卓、iOs )、 web端、IoT设备(车载设备、手表)等

常见的痛点:
1.各端功能几乎一致,各端需要单独配置研发人员 2.开发、维护成本高 3.安卓、iOS发版周期长

跨端技术方案的目标
image.png

方案

常见的方案有以下几种:Hybrid方案,原生渲染方案,自渲染方案,小程序方案等等。 1.Hybrid方案:
基于WebView渲染,通过JS Bridge 把一部分系统能力开放给JS调用。 image.png 2.原生渲染方案:
基于WebView渲染,通过JS Bridge 把一部分系统能力开放给JS调用。
React Native 是一个由 Facebook 于 2015 年9 月发布的一款开源的 JavaScript 框架,它可以让开发者使用 JavaScript 和 React 来开发跨平台的移动应用。 image.png image.png 3.自渲染方案:
利用Skia重新实现渲染管线,不依赖原生组件 image.png 4. 小程序方案
使用小程序DSL +JS开发,通过中间层桥接后调用原生能力,使用webview来渲染UI界面。

字节小程序简介

字节小程序是一种全新的连接用户与服务的方式,它可以在宿主(抖音、头条等App)内被便捷地获取和传播,同时具有出色的使用体验。使用小程序DSL +JS开发,通过中间层桥接后调用原生能力,使用webview来渲染UI界面。
架构: image.png

image.png