第一章 常见跨平台解决方案及Flutter架构

近些年来，不断的有前端跨平台方案涌现出来，比如基于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