您的位置:首页 > Web前端 > React

React Native For Android On Windows

2016-02-19 17:22 225 查看
今天刚把React Native For Android的Demo运行成功,希望把成功的流程分享出来,让更多的人收益。


我们来进行配置之前的准备工作(在这里我默认你们已经安装好了JAVA环境,如果有同学没安装好的,请自行百度咯,炒鸡简单):

JAVA环境是否安装好的检测方法:

打开cmd,输入
java -version
,如图:



即为安装成功

下面是React Native 的配置步骤:

安装我们大名鼎鼎的nodejs

网址:https://nodejs.org/en/,这里提醒一下,一定要注意一下自己电脑操作系统的位数,我们可以这么查看:打开cmd,输入
sysyteminfo
,然后查看

这个参数,我们应该怎么做就显而易见了。

下载完成之后当然是按照正常的套路安装啦。没啥好说的

安装完成之后,我们可以用
npm -v
来查看一下版本号

安装react-native命令行工具

官方的安装方法是:
npm install -g react-native-cli
,安装完成之后,我们就可以进行React-Native的目录创建了。

现在我们来创建React Native项目

cd到一个你喜欢的目录里,然后打开cmd,输入
react-native init yourProjectName
,稍等片刻,我们就可以看到nodejs在我们相应的目录下建立了react工程,那么现在我们应该怎么做呢?

运行Packager:

来到这个目录下 yourPath
\node_modules\react-native\packager
,然后双击或者在cmd里运行
packager.sh
这个文件,下图为运行成功的截图:

,运行成功之后,我们打开浏览器,输入:http://localhost:8081/index.android.bundle?platform=android 如果成功访问,没有看到任何Error字样,就代表着我们的Nodejs Server已经成功的开启了,我们可以run我们的Project到手机上了。

Run React Project On The Phone:

配置Android Envir:

添加AN (http://img.blog.csdn.net/20160219171326181)

因为是第一次运行,所以这里会涉及到下载东西,我们为了提高效率而设置了proxy,我推荐使用:


该设置的都设置完了,我们进入到项目的根目录下,打开cmd,输入指令:
react-native run-android --debug
,静候佳音吧!

下面我贴出,安装完成之后会出现failed to load js bundle 错误的结局方案:http://stackoverflow.com/questions/32572399/react-native-android-failed-to-load-js-bundle
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: