这是我参与「第五届青训营 」伴学笔记创作活动的第八天。
本课堂重点内容:
- 跨端概述
- 跨端方案
- 小程序跨端实践
跨端概述
跨端背景
随着业务的发展,产生了越来越多的业务的场景。现在随着技术发展,也产生了很多不同的端,包括PC端,移动端,web端和IoT设备等。 那么我们在不同端中,会有很多痛点,其中包括:
- 各个端的功能都几乎一致,但是各端都需要单独配置研发的人员
- 开发、维护的成本较高
- 安卓、IOS的发版周期长
跨端方案目标
- 研发效率会比较高,因为学习成本低,并且保持多端一致性在较高水平
- 用户体验好,因为稳定性比较高,性能的体验就比较好
- 动态化。支持动态化下发,满足了日益增长的业务需求
跨端方案
一共有以下不同的方案:
- hybrid方案
- 原生渲染方案
- 自渲染方案
- 小程序方案
hybrid方案
基于WebView渲染,通过JS Bridge把一部分系统能力开放给JS调用
原生渲染方案
使用了JS开发,通过中间层桥接后使用原生组件来渲染UI界面。
Reat Native: 它是一个由Facebook在2015年9月份发布的一款开源的javascript框架,可以让开发者使用js和react来开发跨平台的移动应用。
自渲染方案
利用Skia重新实现渲染管线,不依赖原生组件
Flutter方案:Flutter是Google在2018年世界移动大会公布的开源应用开发框架,仅通过一套代码库,就能构建精美的、原生平台编译的多平台应用。
小程序方案
使用小程序DSL+JS开发,通过中间层桥接后调用原生能力,使用webview来渲染UI界面。
小程序跨端实现
- 下载小程序开发者工具
- 小程序开发、调试
- 小程序上传
小程序优化意义
- 留住客户
- 提升转化率
- 提升用户体验