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

88 阅读2分钟

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

本课堂重点内容:

  • 跨端概述
  • 跨端方案
  • 小程序跨端实践

跨端概述

跨端背景

随着业务的发展,产生了越来越多的业务的场景。现在随着技术发展,也产生了很多不同的端,包括PC端,移动端,web端和IoT设备等。 那么我们在不同端中,会有很多痛点,其中包括:

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

跨端方案目标

  1. 研发效率会比较高,因为学习成本低,并且保持多端一致性在较高水平
  2. 用户体验好,因为稳定性比较高,性能的体验就比较好
  3. 动态化。支持动态化下发,满足了日益增长的业务需求

跨端方案

一共有以下不同的方案:

  • 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界面。

image.png

小程序跨端实现

  1. 下载小程序开发者工具
  2. 小程序开发、调试
  3. 小程序上传

小程序优化意义

  1. 留住客户
  2. 提升转化率
  3. 提升用户体验