React-Native测试报告

 React-native 使用js编写android和ios程序，前端时间开始支持android，本人根据官方的教程，先安装开发环境，然后运行hello world,最后看了下官方提供的实例程序UIExplorer，感觉还不错。

 

对android相对熟悉一点，首先关注android部分，android使用grader编译，可以导入工程到android studio或者idea中，也可以使用命令行编译。在android studio中运行以后可以普通的android程序一样，点运行按钮以后就开始编译，如果电脑上连接好了安卓设备或者模拟器就可以成功运行。(采用命令行有的设备会安装失败需要手动安装)

 

这里运行的是一个loder程序，通过loader程序会加载本地服务器端的js文件，服务器端由note.js提供，使用命令“adb reverse tcp:8081 tcp:8081” 可以将本地端口绑定到设备上，由于本人adb的版本原因 命令执行失败，因此在loader中设置ip地址来访问服务器端，

 

服务器端程序当然要启动才行，运行react-native run-android 启动服务器端和编译安装loader是同时进行的。

另外也可以单独运行服务器端程序，react native start 或者在master目录中运行 ./install/install.sh

 

ios也是采用类似的方式，创建项目后会生成项目文件，导入Xcode直接运行就可以了，运行的时候同样会启动服务端。

 

loader程序一般是固定不变的，修改服务端的js文件，然后再loader上reload就会加载新的js文件，这样对提高开发效率是很有好处的，

编写android的程序，当然是要返回测试的，虽然打包安装的过程都是全自动的，但不停的这样操作是很费时间的，如果机器配置不好每次修改后程序运行都要等一段时间。

 

当然，这样看来也可以对应用进行热更新，就像网站一样，如果更新了服务器端程序，客户访问到的就是修改后的网站。但是代码的加密又会是新的问题。

 

就android而言，loader程序代码，和普通的安卓项目是基本上是一样的，不同的是引入了react-native的lib(核心库)，lib已第三方库的形式存在，使用android studio只需要填写lib名称，就会自动下载，从被注释的代码可以看到，也可以从源码引入lib工程，如果源码不满足你的要求就可以直接去修改。

 

loader的作用就是提供js的执行环境，react是将android自带的控件函数之类映射到js中，ios也是采用类似的方式，通过js来调用原有的函数，而不是自己重新实现了一个界面框架。因此android端的demo和ios的是有一些差别的。

 

js的执行环境是采用JavaScriptCore引擎，调试时根据官方的介绍说放在浏览器端执行的，使用V8引擎。

配置开发环境，根据文档需要安装NDK，实际上如果不自己编译react-native的核心库，是不需要NDK的，应用程序一般直接引入lib就可以了。

 

理论上运行hello world，只需要loader程序和一个note.js的服务器就可以了，如果做开发还需要loader的源代码以增加原生的扩展，调试的话，react-native提供了谷歌浏览器的插件来调试。

 

官方的文档目前是苹果系统下进行的，如果要开发ios的应用是必须使用苹果系统的，没有Xcode ios的loader无法编译。

 

不过，如果只想看看android的效果，使用windows应该也是可以的。理论上只需要装上note.js的服务器环境，并且导入android项目源码就可以了。

 

当然本人并没有测试，准备有时间到windows下试试，到时候再发文章吧，敬请期待.....

 

更多精彩内容，请关注微信公众号:zhaojieTec