React Native For Android On Windows

来源:互联网 发布:大数据视频教程 编辑:程序博客网 时间:2024/06/05 22:15

今天刚把React Native For Android的Demo运行成功,希望把成功的流程分享出来,让更多的人收益。

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

  • 打开cmd,输入 java -version,如图:
    这里写图片描述
    即为安装成功

下面是React Native 的配置步骤:

  1. 安装我们大名鼎鼎的nodejs
    • 网址:https://nodejs.org/en/,这里提醒一下,一定要注意一下自己电脑操作系统的位数,我们可以这么查看:打开cmd,输入sysyteminfo,然后查看这里写图片描述 这个参数,我们应该怎么做就显而易见了。
    • 下载完成之后当然是按照正常的套路安装啦。没啥好说的
    • 安装完成之后,我们可以用 npm -v 来查看一下版本号
  2. 安装react-native命令行工具
    • 官方的安装方法是:npm install -g react-native-cli,安装完成之后,我们就可以进行React-Native的目录创建了。
  3. 现在我们来创建React Native项目
    • cd到一个你喜欢的目录里,然后打开cmd,输入react-native init yourProjectName,稍等片刻,我们就可以看到nodejs在我们相应的目录下建立了react工程,那么现在我们应该怎么做呢?
  4. 运行Packager:
    • 来到这个目录下 yourPath\node_modules\react-native\packager,然后双击或者在cmd里运行 packager.sh 这个文件,下图为运行成功的截图:这里写图片描述,运行成功之后,我们打开浏览器,输入:http://localhost:8081/index.android.bundle?platform=android 如果成功访问,没有看到任何Error字样,就代表着我们的Nodejs Server已经成功的开启了,我们可以run我们的Project到手机上了。
  5. 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

1 0
原创粉丝点击