React Native Windows下环境搭建

互联网运用大概经过了 web，native(android & ios)，hybrid三个阶段，hybrid是将html5网页嵌入原生应用的webview里，本质上还是个网页，性能上比原生应用要差。React Native则实现了去webview化，通过组件化的开发和一系列工具的运用，可以直接导出apk安装包，性能可以与原生相媲美。因为其组件直接调用原生组件。网上关于RN的介绍很多，只是概括说一下。

为了以后参考，记录一下搭建过程中遇到的问题。

1.安装jdk，配置环境变量。（网上教程很多，直接略过）

2.安装sdk，配置环境变量。（戳这里：http://www.androiddevtools.cn/ ）

3.安装Eclipse，集成ADT工具。（ADT包可以在上述网站中找到，下载后在Elcipse里集成，这是离线安装。在线下载会很麻烦，不建议。安装完就可以在Eclipse内打开安卓模拟器。）

4. 打开官网：http://reactnative.cn/,右下角有个链接是”windows环境下搭建react native环境“，点进去。

a.运行命令 npm install -g react-native-cli 全局安装

b.运行命令 react-native init MyProject 搭建脚手架

c. react-native start 运行packager服务器

d.react-native run-android，将构建的应用显示在模拟器里。（必须先打开安卓模拟器不然会报错，错误会告诉你找不到可以用的模拟器。如果在上述过程中提示某个bin.js找不到，这个时候用cnpm 代替npm去安装，一次就成功。）

（当出现错误提示你找不到23.0.1版本的sdk ，platform什么的，因为在上述网站下载的sdk是最新的，而运行以上这些命令会自动去找23.0.1版本的sdk，这个时候只要打开ADTManger.exe，找到对应版本的勾选下载就ok。还有个地方要写上镜像地址，把https改成http。）

5.集成Navigator做路由跳转，官网里有介绍。

6.引入redux状态管理的机制，看需要。

7.最后一步导出apk，官网里有步骤，也可以参考这个地址：http://blog.csdn.net/u010411264/article/details/54237446

友情提示：

输入密钥的时候，始终不见输入的字符，粘贴也没用，但其实已经输入了，两次输入不一样还会提示你，说明已经输入进去了。

gradle.properties这个文件不必自己新建，脚手架安装完后，在android里可以找到这个文件，这时只要打开这个文件，

把以下代码粘贴进去：

MYAPP_RELEASE_STORE_FILE=my-release-key.keystoreMYAPP_RELEASE_KEY_ALIAS=my-key-aliasMYAPP_RELEASE_STORE_PASSWORD=*****MYAPP_RELEASE_KEY_PASSWORD=*****

然后把密钥部分改成之前你设置的就行，为了方便记忆我设置成一样的。

然后编辑项目目录下的android/app/build.gradle，添加如下的签名配置：

...android {    ...    defaultConfig { ... }    signingConfigs {        release {            storeFile file(MYAPP_RELEASE_STORE_FILE)            storePassword MYAPP_RELEASE_STORE_PASSWORD            keyAlias MYAPP_RELEASE_KEY_ALIAS            keyPassword MYAPP_RELEASE_KEY_PASSWORD        }    }    buildTypes {        release {            ...            signingConfig signingConfigs.release        }    }}...

网上找了半天安装gradle的工具，其实也不用安装，直接在android的文件夹下运行

 gradlew assembleRelease

最后可以在apk的目录下找到安装包。