同时也能拥有 必威Web技术,原文地址

搭建地基 — bridge.js 架构

基于上篇文章阐述的结构,我们进一步去完善细节部分,先整理成下面这样的流程结构图,大家先看下图,有个大致的概念:

nativeCall与 postMessage这两个主体 API 桥接了 Native端 和 H5端

必威 1

接下来我们会细看里面各个部分的代码实现。

方案选型

任何技术方案的选型,其实都应该基于使用场景和现有条件。基于公司现有情况的几点考虑,在方案一上进一步优化,更加适合我们的需求。

  • 需求 Web技术 快速迭代、灵活开发的特点和线上热更新的机制。
  • 产品的核心能力是强大的拍照与底层图片处理能力,因此单纯的 H5技术能做的事非常有限,不能满足需求,通过 Hybrid 技术来强化H5,便是一种必需。
  • 公司业务上,并没有非常复杂的UI渲染需求,而且 App 中的一系列原生 UI组件 已经非常成熟,因此我们并不强需类似 RN 这样的方案。

因此,如何既能利用 H5 强大的开发和迭代能力,又能赋予 H5 强大的底层能力和用户体验,同时能复用现有的成熟 Native组件,便成为了我们最大的需求点 — 一套完整又强大的 Hybrid技术架构方案。

本文由必威发布于必威-前端,转载请注明出处:同时也能拥有 必威Web技术,原文地址

相关阅读