使用HBuilder生成安卓应用（在线）

  1. HBuilder是在线进行打包的，所以，本地不用配置任何打包的环境；
  2. 只需把开发好的HTML项目，通过在线的方式即可实现打包，最终将打包好的项目，下载到本地。

1.8. 环境变量的使用

  1. 注意：修改了环境变量，一定要重启命令行窗口，重新读取修改过后的环境变量；
  2. 环境变量分为“用户环境变量”和“系统环境变量”：用户环境变量是局部的，仅限当前登录用户实用；系统环境变量是全局的，任何一位用户都可以使用全局的环境变量；
  3. 当我们在命令行窗口输入可执行命令的时候，系统会先查找环境变量，看当前环境变量中，有没有可运行此命令的可执行程序，如果有，则运行命令，如果没有呢，就提示不是可用的执行程序；

1.9. 移动App开发环境配置

由于在线打包必须联网，所以在没有网络的情况下就无法正常进行打包；所以我们需要配置一下本地的打包环境，实现在本机上对混合App项目进行打包构建；

1.9.1. 安装最新版本的java jdk

  1. 修改环境变量，新增

JAVA_HOME

  1. 的系统环境变量，值为

C:\Program Files (x86)\Java\jdk1.8.0_112

  1. ，也就是安装JDK的根目录
  2. 修改系统环境变量

Path

  1. ，在

Path

  1. 之后新增

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

  1. 新建系统环境变量

CLASSPATH

  1. ，值为

.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

  1. 保存所有的系统环境变量，同时退出系统环境变量配置窗口，然后运行cmd命令行工具，输入

javac

  1. ，如果能出现javac的命令选项，就表示配置成功！

1.9.2. 安装Node.js环境

node -v查看node版本号；

1.9.3. 安装C++环境

大多数情况下操作系统自带C++环境，不需要手动安装C++环境； 如果运行报错，则需要手动安装visual studio中的C++环境；

1.9.4. 安装Git环境

git --version来检查是否正确安装和配置了Git的环境变量；

1.9.5. 安装Python环境

  1. 注意：安装Python时候，只能安装2.×的版本，注意勾选安装界面上的

Add Python to path

  1. ，这样才能自动将Python安装到系统环境变量中；
  2. 安装完毕之后，可以在命令行中运行

python

  1. ，检查是否成功安装了python。

1.9.6. 配置安卓环境

  1. 安装

installer_r24.3.4-windows.exe

  1. ，最好手动选择安装到C盘下的android目录
  2. 打开安装的目录，将

android-25

  1. 、

android-23

  1. (react-native必须依赖这个)解压后，放到

platforms

  1. 文件夹下
  2. 解压

platform-tools

  1. ，放到

platform-tools

  1. 文件夹下
  2. tools文件夹不解压覆盖也行；

解压tools，放到tools文件夹下

  1. 解压

build-tools_r23.0.1-windows.zip(react-native必须依赖这个)

  1. 、

build-tools_r23.0.2-windows.zip(weex必须依赖这个)

  1. 和

build-tools_r23.0.3-windows.zip

  1. ，并将解压出来的文件夹，分别改名为版本号

23.0.1

  1. 、

23.0.2

  1. 和

23.0.3

  1. ；在安装目录中新建文件夹

build-tools

  1. ，并将改名为版本号之后的文件夹，放到新创建出来的

build-tools

  1. 文件夹下
  2. 在安装目录中，新建

extras

  1. 文件夹，在

extras

  1. 文件夹下新建

android

  1. 文件夹；解压

m2responsitory

  1. 文件夹和

support

  1. 文件夹，放到新建的

extras -> android

  1. 文件夹下
  2. 配置安装环境变量：在系统环境变量中新建

ANDROID_HOME

  1. ，值为android SDK Manager的安装路径

C:\Users\liulongbin\AppData\Local\Android\android-sdk

  1. ，紧接着，在Path中新增

;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

1.10. ReactNative快速打包

  1. 安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！

npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global

  1. Yarn、React Native的命令行工具（react-native-cli）
  • Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g yarn react-native-cli

  • 安装完yarn后同理也要设置镜像源：

yarn config set registry https://registry.npm.taobao.org --global yarn config set disturl https://npm.taobao.org/dist --global

  1. 运行

react-native init AwesomeProject

  1. 创建React-Native项目
  2. 运行

cd AwesomeProject

  1. 切换到项目根目录中
  2. 运行

react-native run-android

  1. 打包编译安卓项目，并部署到模拟器或开发机中
  2. 运行上一条命令之前，要确保有设备连接到了电脑上，可以运行

adb devices

  1. 查看当前接入的设备列表
  2. 入坑指南

问题1：开启悬浮框权限；问题2：Could not get BatchedBridge, make sure your bundle is packaged correctly 解决方案：在终端中，进入到项目的根目录，执行下面这段命令行：react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/ 运行之前，需要确保android/app/src/main/目录下有assets文件夹，如果没有，手动创建之~，再运行上面的命令；问题3：could not connect to development server 解决方案：晃动手机，唤起设置属性窗口，点击“Dev settings”，再点击Debuug server host 出现设置ip地址窗口，填写Ip地址和端口号8081，例如192.168.1.111:8081

1.11. Weex快速打包

  1. 安装依赖:Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。首先，你需要最新稳定版的 Node.js 和 Weex CLi。
  2. 运行

cnpm install -g weex-toolkit

  1. 安装Weex 官方提供的 

weex-toolkit

  1. 运行

weex create project-name

  1. 初始化Weex项目
  2. 进入到项目的根目录中，打开cmd窗口，运行

weex platform add android

  1. 安装android模板，首次安装模板时，等待时间较长，建议fq安装模板
  2. 打开

android studio

  1. 中的

安卓模拟器

  1. ，或者将

启用USB调试的真机

  1. 连接到电脑上，运行

weex run android

  1. ，打包部署weex项目
  2. 部署完成，查看项目效果