React Native Android配置部署踩坑日记

万事开头难

作为一只进入ECMAScript世界不久的菜鸟，已经被React Native的名气惊到了，开源一周数万星勾起了我浓烈的兴趣。新年新气象，来个HellWorld压压惊吧^_^（故意少打个‘o‘）

具体的详细教程这里都有，我就说说这里没找到的几个坑，由于大部分资料还是0.1.4版本的react-native，笔者用最新的0.1.7和现有的很多是不一样的。

http://reactnative.cn/docs/android-setup.html#content

00.第一个坑，安卓墙

Android SDK下载：

本来抱着侥幸心理想试试能不能再低版本Android环境下编译，答案是，不能！脸书工程师的代码会校验当前Android Platform API 版本是不是=== 23，

解决方案：可以先在http://pan.baidu.com/s/1eQppdPC 这里下载Android Dev Tools，然后用国内的镜像地址设置代理再下载所需要的各种SDK，安卓资源站在这里，代理设置方法也有http://androiddevtools.cn/

nodeJS设置镜像：

这应该是开发node都知道的，我是用cnpm替代npm解决的，react-native init这条命令会拉很多dependency，不用国内的镜像要等死了。

01.第二个坑，Cygwin环境冲突

由于脸书的工程师都是用的mac电脑，对windows支持不佳，而且他们估计也没考虑到Windows可以装一种Cygwin的神奇软件。如果过程中出现了这个：

ERROR Watchman was not found in PATH. Seehttps://facebook.github.io/watchman/docs/install.html for installation instructions
{"code":"ENOENT","errno":"ENOENT","syscall":"spawn watchman","path":"watchman","spawnargs":["--no-pretty","get-sockname"]}
Error: Watchman was not found in PATH. See https://facebook.github.io/watchman/docs/install.htmlfor installation instructions
at exports._errnoException (util.js:874:11)
at Process.ChildProcess._handle.onexit (internal/child_process.js:178:32)
at onErrorNT (internal/child_process.js:344:16)
at doNTCallback2 (node.js:441:9)
at process._tickCallback (node.js:355:17)

在mac中说明没安装上监视文件的watchman，但是我非常纳闷为什么windows下起react-native Server会报这个错，费劲千辛万苦，发现我的Cygwin迷惑了react-native，环境中含有Linux命令，然后被判定为Linux或mac OS系统，然后去执行目前只有Linux和MAC才有的watchman程序，windows下是不需要的而且要在：

项目名\node_modules\react-native\packager\react-packager\\src\FileWatcher\index.js 中把MAX_WAIT_TIME这个变量改的很长（不要超过了整数最大值），不然25秒后依然报timeout错。

10.第三个坑，白屏

真机调试白屏，由于AVD相对比较慢，笔者直接祭出安卓6.0的真机USB调试的，发现全都是白的，啥也没有，查阅资料发现这是因为显示悬浮窗这个权限被拒绝了，去手机权限中心允许这一条就可以了（这是一个用来弹出开发菜单的浮窗）。

11.真机测试

安卓就两条命令react-native start;react-native run-android，ios只要后面一条，然而我的黑苹果虚里脊慢的不要不要的，先玩玩安卓了。

AVD是不需要任何配置就可以直接用react-native run-android跑起来的，真机上会出现红色报错，需要进开发选项Dev Settings去配置Debug Server host（最后一个选项），设置成PC的内网IP：8081就可以了。附图↓ （一个js文件变成apk真的很酷炫，摇一摇就能实时更新到最新代码更酷炫~）

100.路漫漫，其坑多兮

此处只是列举了几个耗时较长的坑，目前安卓端和Windows开发环境还不成熟，想起了2年前coscos2d-x还不成熟时的踩坑噩梦。好久没碰cocos2d-x了，想想那时候写的C++好菜，现在连菜都算不上了，cocos2dx越来越主流，然而我却快忘记了。希望React Native在开源社区下更快完善，慢慢成为主流，让全栈JS变成万金油全堆JS。

React Native Android配置部署踩坑日记

原文：http://www.cnblogs.com/code2life/p/5094011.html