#1 Hybird App 开发简介与 Andriod 环境搭建

关于 Hybird App 开发的优劣，本人不专业，也就不多说。感兴趣的同学自行百度或者谷歌，这里主要说下这种开发方式的总体架构思路，以及简单的环境搭建。 **本文将以 Android 开发为主要内容， IOS 的后期有机会再补充吧** ## 框架介绍  上图展示了基本的布局框架。 1. Hybird App 主要开发语言是基于 HTML5 进行的，遇到复杂的功能，比如 蓝牙调用, 相机调用 等，则需要结合 Natvie 的方式开发。 2. JsBridge 从字面上可以看出部分意义。这是一种机制，主要用于解决 JS 与 Natvie 之间的通信。对于普通开发者而言，这个可以看做是透明的 3. Native 部分，则为真正意义的 APP Frame 内容，它将会包裹 HTML5 或者 HTML5 转译之后的(原生)代码去执行。 ## 开发环境 目前，我所知的 App 开发环境，主要包括两种，一种是真机环境，一种是模拟环境。这里主要介绍模拟环境。  上图展示了一般模拟环境的工作方式： 1. Dev tools 一般为你正常开发需要的环境，比如 IDE, 一些第三方工具等。 2. ADT/SDK ADT 是谷歌官方出的工具集，具备了开发过程中的各种功能。我目前只涉猎到了 adb 工具，这个工具是连接我们的开发环境与Android模拟环境的桥梁，提供了文件的分发，基本的 shell 等功能。没有它，我们就没有办法让IDE或者第三方工具与模拟环境通讯。SDK 为 Android 的开发包，提供了Android 开发的全部 API 3. Android 的模拟环境 ## 环境搭建 [Android Studio](https://developer.android.google.cn/studio/index.html) ，是必备软件，谷歌出品。此处给的是官方链接，可能下载速度不是很快。请自行去 VPN 吧。另外，下载完成之后，需要设置 SDK 镜像，这里推荐一个 [http://www.androiddevtools.cn/](http://www.androiddevtools.cn/)。 我自己在实际的环境搭建中，并没有翻墙或者修改镜像，下载的速度也不慢。所以，可以自行先测试下，如果下载很慢，再修改镜像或者打开你的 VPN 。 Android Studio 的安装基本是一键式，整个过程及其简单。安装 SDK 完成之后，需要做一个多余的步骤，将 `platform-tools` 的目录，添加在 PATH 中。 比如，我的 SDK 安装目录为 `D:\Android\SDK`, 这个目录下面会有一个 `platform-tools` 目录。 那么 PATH 的目录需要增加一个 `D:\Android\SDK\platform-tools` Android 模拟器有很多，开发常用的有 Android AVD 与 [Genymotion](https://www.genymotion.com/) Genymotion 必须搭配 [Virtual Box](https://www.virtualbox.org/) 使用。因此下载 Genymotion 也就包含了两种版本，一种是包含 Virtual Box 的，一种是不包含的。此处建议大家下载包含 Virtual Box 的，毕竟国人还是更喜欢一键操作。 **Genymotion 需要注册，不是免费的，但有试用期。** Genymotion 的安装也是极其简单，基本属于一键式。 Virtual Box 安装的时候 Windows 会有部分弹窗提示，此时全部同意即可。Virtual Box 会安装两个虚拟网卡，其中一个用于虚拟机的本地数据网络，另外一个用于虚拟机的 WIFI 网络。这两个网络设置，均可在 Virtual Box 中自行修改编辑甚至删除。 至此，本分享已结束。 如果你有意学习 Hybird App 开发，那么下篇文章才是真正的入坑开始!!!