近些年来,不断的有前端跨平台方案涌现出来,比如基于WebView的Cordova,还有渲染成原生控件的Reactive、Weex等,那么,这些跨平台方案有什么通用的实现思路呢,而Flutter的设计思路与他们的区别又是什么呢。带着这些疑问,本章将会介绍什么是跨平台,常见的跨平台方案有哪些,以及Flutter的实现方案。
1.1 跨平台解决方案
1.1.1 什么是跨平台
我们知道,CPU有不同的架构和指令集,上层也有不同的操作系统,一个系统的可执行文件在另一个系统上就是不可执行的,比如Windows的exe文件在Mac上就不能直接执行。这是因为不同平台提供的API不同,因此需要不同平台单独维护代码。这样就带来了几个问题:
1.开发成本大,各平台都要独立开发一套代码
2.测试成本大,各平台都需要单独测试
3.维护成本大,各平台都要独立迭代维护
因此,大家都在试图找到一种方案,能够实现一份代码运行在任意平台,这样就可以大大提升开发、测试效率,降低维护成本,这种方案就是跨平台。
1.1.2 各领域跨平台方案
1 浏览器
浏览器是一种历史悠久的跨平台方案,通过在不同平台安装对应平台的浏览器,来屏蔽底层的差异,浏览器提供统一的DOM API,这样上层的网页开发就可以统一按照W3C标准,实现一套代码运行在不同平台的浏览器中,由浏览器引擎完成页面渲染。
图1.1 浏览器方案
2 Docker
Docker是一个开源的应用容器引擎,Docker可以让开发者将他们的开发环境、代码、配置文件等一并打包到一个轻量级、可移植的容器中,然后发布和应用到任意平台。Docker是通过通过在操作系统之上加一个虚拟层,在这层划分一到多个容器,容器里再去跑系统、App,然后动态的将硬件资源分配给容器,这样可以实现硬件和软件的分离。
图1.2 Docker
3 Java
Java实现跨平台是因为Java虚拟机JVM,我们将不同平台的虚拟机安装在不同的操作系统中,开发者只需要将Java源码编译成JVM能执行的字节码就可以了,这样就实现了一套代码运行在不同的操作系统中。
1.1.3 前端主流跨平台方案
1 Hybird App
Hybird App的主要原理就是通过H5技术来实现一个网页,再通过原生的网页加载控件WebView来加载。WebView是一个基于webkit的引擎,可以解析DOM元素,展示HTML页面的控件,他的原理和浏览器展示页面的原理是相同的,实质上就是一个浏览器的内核。对于访问系统文件、蓝牙等,都需要原生开发,然后暴露给WebView供Java调用,调用的方式称为WebView Java Bridge,简称: