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

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

1.跨端技术概述

跨端背景

• 跨端是什么

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

• 常见痛点

  • 各端功能几乎一致，各端需要单独配置研发人员
  • 开发、维护成本高
  • 安卓、iOS发国-元由7052

• 跨端技术方案目标

2. 跨端技术方案介绍

Hybrid方案

• 基于WebView渲染，通过JS Bridge把一部分系统能力开放给JS调用。

• 原生渲染方案 （使用JS 开发，通过中间层桥接后使用原生组件来渲染UI界面）
  • React Native
    • React Native是一个由 Facebook于2015年9月发布的一款开源的JavaScript框架，它可以让开发者使用JavaScript和React来开发跨平台的移动应用。

• 自渲染（利用Skia重新实现渲染管线，不依赖原生组件）
  • Flutter
    • Flutter是Google在 2018年世界移动大会公布的开源应用开发框架，仅通过一套代码库，就能构建精美的、原生平台编译的多平台应用。

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

跨端技术方案对比

3. 基于小程序跨端实践

• 快速开发一个小程序

• 小程序性能优化
  • 优化意义
    • 留住用户
    • 提升转化率
    • 提升用户体验
  • 小程序性能指标

• 优化手段

• 性能评分工具

4. 技术展望

随着端越来越多，跨端的需求会越来越强烈，跨端技术方案也会不断迭代，核心目标仍然是「write once, run anywhere」，未来自渲染可能会出现更多机会。