由于在做极光推送,前端使用的框架是reactnative,后台写好后为了测试一下,所以按照react官方的教程搭了遍react.
开发环境:1.windows 7(建议各位如果开发react的最好还是买台mac,一台mac给你打价值远远大于mac机器自身的价值) 2.安装jdk 1.8,配置环境变量 3.安装安卓sdk，可以下载安卓studio 4.安装python,node.js 5.测试reactdemo在网页上是否可以打开 5.安装安卓studio，配置sdk为23并导入reactdemo 6.打包成apk安装到手机 7.关于ios,需要有mac电脑，安装xcode,这里由于手上没有mac设备就不做介绍，可以参考其他文章
安装python2
首先打开cmd,运行choco install python2安装python
image.png
image.png
安装node,执行指令choco install nodejs.install
image.png
image.png
然后执行指令:npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global然后安装全局模块npm install -g yarn react-native-cli 下载react-native的demoreact-native init reactdemo 注意:不要执行中文路径名，也不要在中文路径下安装项目
环境装好以后需要安装java，jdk1.8，并配置java环境变量，以及安装安卓的sdk，由于我电脑上面已经有这环境了，故这里不做说明。
image.png
demo的根路径
image.png
node_modules是node.js的目录，主要是用来当作服务器使用(就是java当中的tomcat)
image.png
如果出现上图说明我们的配置已经完成。
接下来需要安装安卓studio，以及配置sdk23，还有在ios上安装xcode。
首先需要先安装git,可以参考,这里面详细说明了git，github的使用以及安装。
Genymotion
比起Android Studio自带的原装模拟器，Genymotion是一个性能更好的选择，但它只对个人用户免费。
- 下载和安装（genymotion需要依赖VirtualBox虚拟机，下载选项中提供了包含VirtualBox和不包含的选项，请按需选择）。
- 打开Genymotion。如果你还没有安装VirtualBox，则此时会提示你安装。
- 创建一个新模拟器并启动。
- 启动React Native应用后，可以按下F1来打开开发者菜单。
是利用了Hyper-V技术进行硬件加速的免费android模拟器。也是Android Studio自带的原装模拟器之外的一个很好的选择。而且你并不需要安装Visual Studio。 在用于React Native开发前，需要先在注册表中进行一些修改：
- 打开运行命令（按下Windows+R键）
- 输入
regedit.exe然后回车 - 在注册表编辑器中找到
HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Android SDK Tools条目 - 右键点击
Android SDK Tools，选择新建 > 字符串值 - 名称设为
Path - 双击
Path，将其值设为你的Android SDK的路径。（例如C:\Program Files\Android\sdk）
<a class="anchor" name="%E6%B5%8B%E8%AF%95%E5%AE%89%E8%A3%85" style="box-sizing: border-box; color: rgb(51, 122, 183); text-decoration: none; position: relative; top: -70px;"></a>测试安装
react-native init AwesomeProjectcd AwesomeProjectreact-native run-android
如果你在设备上看到了红屏报错，请参阅。
提示：你可以使用
--version参数创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。
Windows用户请注意，请不要在命令行默认的System32目录中init项目！会有各种权限限制导致不能运行！
修改项目
现在你已经成功运行了项目，我们可以开始尝试动手改一改了：
-
- 使用你喜欢的文本编辑器打开
App.js并随便改上几行 - 按两下R键，或是用Menu键（通常是F2，在Genymotion模拟器中是
⌘+M）打开开发者菜单，然后选择 Reload JS 就可以看到你的最新修改。 - 在终端下运行
adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的应用的日志。
- 使用你喜欢的文本编辑器打开
posted on 2018-01-08 11:20 阅读( ...) 评论( ...)