最近学习了一下facebook出的一个react native ,是一款基于javaScript 语法及react框架的一门新生跨平台的开源技术框架,能同时在android 端和ios端同时运行,可以实现一次学习,随处编写,虽然目前还没有出1.0版本,但是这款框架还是有其优势的,具体的环境变量搭建初始化项目可以去RN官网去看一下,今天写这篇文章的主要目的是巩固一下新学的知识点,做一些笔记供大家参考,如有 不足的地方,望大家指出。
资料参考:
react native 中文网
http://reactnative.cn/docs/0.48/getting-started.html
对于React native 的热更新,目前了解的有俩大更新框架,一个是CodePushy,这一款比较方便,也比较容易上手,不过对于自己搭建更新服务后台却没有详细的搭建方案,对于一些要做自己的后台更新的需求目前不太支持,主要更新包服务端是放在RN官网上的,而另一款CodePush,则是window出品的,这一款有详细的搭建后台服务器的流程,对于所需要的功能点,大家可以自行选择,今天先简单介绍下CodePushy:
在做热更新之前呢,首先要初始化一个react native项目:
如果你已经成功的配置了RN的环境那么执行
react-native init XXX(项目名称) --version x.xx.x(版本号) 进行项目的初始化 (如下图所示)
然后进入根目录执行npm install(上传图片太麻烦,这就不截图了,根目录就是打开创建文件夹的第一个目录)
这样就初始化了一个RN项目 ,里面既包含了android 项目,又包含了ios项目。
接下来呢 ,我们来关联CodePushy的热更新,git文案:https://github.com/reactnativecn/react-native-pushy/blob/master/docs/guide.md
第一步首先在根目录下执行:npm install --save react-native-update@4.版本对应下图有张表格
第二步在根目录执行dos命令:react-native link react-native-update,成功了会显示如下所示:
那么接下来就是注册登陆账户并且创建应用
首先请在http://update.reactnative.cn注册帐号,然后在你的项目根目录下运行以下命令:
$ pushy login
email: <输入你的注册邮箱>
password: <输入你的密码>
这会在项目文件夹下创建一个.update
文件,注意不要把这个文件上传到Git等CVS系统上。
你可以在.gitignore
末尾增加一行.update
来忽略这个文件。
登录之后可以创建应用。注意iOS平台和安卓平台需要分别创建:
$ pushy createApp --platform android
App Name: <输入应用名字>