如何利用Android Studio打包服务React Native APK

来源：蜘蛛抓取(WebSpider) 时间：2017-11-03 03:45 标签： 利用py2exe打包
1.需配环境变量，值为sdk的地址。
ANDROID_HOME& 值：E:\Users\HP\AppData\Local\Android\sdk
2.下载gradle-2.14.1-all.zip 包
修改地址为本地gradle压缩包的地址，这里应该注意路径不可有带空格的，比如Program Files是会出错的。
先打开在android Studio导入项目
要导入项目android目录下才有效，如E:\Project\RN\AwesomeProject\android
启动模拟器
cmd 在项目目录下执行 react-native run-android
版权声明：本文为博主原创文章，未经博主允许不得转载。
阅读(...) 评论()2015年9月 移动开发大版内专家分月排行榜第二2015年6月 移动开发大版内专家分月排行榜第二2014年12月 移动开发大版内专家分月排行榜第二2014年7月 移动开发大版内专家分月排行榜第二2013年12月 移动开发大版内专家分月排行榜第二2013年11月 移动开发大版内专家分月排行榜第二2013年10月 移动开发大版内专家分月排行榜第二
2014年11月 移动开发大版内专家分月排行榜第三2014年2月 移动开发大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。Android Studio环境下搭建ReactNative
1.安装Android Studio
首先肯定是 安装Android Studio（包含SDK）()
ps:这里有一点要注意，需要为SDK配置环境变量，名称必须为ANDROID_HOME
2.安装（自带npm）
从下载node.js的官方4.1版本或更高版本。
安装完成后建议设置npm镜像以加速后面的过程（或使用科学上网工具），也可使用nrm。
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
3.下载并安装。
在安装过程中，请务必记得勾选Run Git from Windows Command Prompt，这样会把Git的可执行程序加入到PATH环境变量中，这样其他程序才能在命令行中正确调用Git
4.安装（使用Android实体机调试的可以跳过此步骤）
Android Studio自带的AVD速度实在不敢恭维，为了速度，安装 这个Android虚拟机，需注册，安装完成后，进入
新建虚拟机即可。
下载genymotion
5.安装C++环境
推荐从下载并安装Visual Studio 。也可选择Windows SDK、cygwin或mingw等其他C++环境。编译node.js的C++模块时需要用到。
6.安装Python
从下载并安装python 2.7.x
7.安装react-native命令行工具
npm install -g react-native-cli
8.创建react-native项目
react-native init RNTest
9.运行packager（服务端）
进入项目根目录运行
react-native start
10.安卓运行（参考ReactNative中文社区）
保持packager开启，另外打开一个命令行窗口，然后在工程目录下运行
react-native run-android
首次运行需要等待数分钟并从网上下载gradle依赖。
运行完毕后可以在模拟器或真机上看到应用自动启动了。
如果gradle依赖下载出现报错，请多试几次，或者设置VPN加速。
如果apk安装运
行出现报错，请检查上文中安装SDK的环节里所有依赖是否都已装全，platform-tools是否已经设到了PATH环境变量中，运行adb devices能否看到设备。
至此，应该能看到APP运行，并报错 Unable to download JS bundle
摇晃设备或按Menu键可以打开调试菜单，点击Dev Settings，选Debug server host for device，输入你的正在运行packager的那台电脑的局域网IP加:8081（同时要保证手机和电脑在同一网段，且没有防火墙阻拦），再按back键返回，再按Menu键，在调试菜单中选择Reload JS，就应该可以看到运行的结果了。
配置服务器
如果真实设备白屏但没有弹出任何报错，可以在安全中心里看看是不是应用的“悬浮窗”的权限被禁止了。
11.遇到的坑（耽搁我一个通宵！！！）
在第9步中我们发现命令行窗口可以发现为该服务分配了8081端口，我们可以通过浏览器访问查看返回JS是否正确。
不过一直.babelrc.stage 报错
解决方案就是去
RNTest\node_modules\react-deep-force-update
删掉.babelrc
12.日常环境开发配置（Android Studio + WebStorm）
走到这一步，可以关闭所有的窗口了
WebStorm配置
WebStorm配置
咱们用的是npm
照着配置一下，其实和第9步的一样
完成，运行
Android Studio
ps：Android Studio无需配置，只需import，不过import时候注意目录，是在ReactNative项目根目录的android目录下，否则Android Studio无法编译调试
文／一个熟悉而又陌生的人（简书作者）
原文链接：/p/1a3452aaa578
著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。React Native 中文版(含新增 Android 章节)
Facebook 在
大会上推出了基于 JavaScript 的开源框架 ，本中文教程翻译自 。
React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件，代替 DOM 元素来渲染等。
React Native 使你能够使用基于 JavaScript 和
一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native 把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook 在多个应用程序产品中使用了 React Native，并将继续为 React Native 投资。
React Native 交流群
React Native QQ 交流群已加满，请加交流2群： 和大家一起交流学习 React Native
React Native for Android
Facebook 于 2015 年 9 月 15 日发布了 React Native for Android， 把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台--Android。
新增 Android 相关章节:
如有任何关于翻译、内容或资源推荐，欢迎通过 GitHub 提交 PR 给我们。\(o_X)/
React Native 官网：
GitHub 地址：
React Native 中文教程(For Android)发布
贡献者名单
React Native 中文版 由
创作，采用 进行许可。基于上的作品创作。

我要回帖

更多关于 利用py2exe打包 的文章

 

随机推荐