本人决心翻译Expo,为学习Rn(react native)的学习者提供帮助。传统上Rn开发,优势都在Mac Ios ,很少有用Windows andriod开发的,而2017年上线的Expo为我们广大windows做Rn开发提供了很大的便利条件。Rn开发也迎来了春天。
关于Rn的简单说明,目前市场上主流的两大移动端系统,Android 和 Ios,而开发这两个系统上的App,传统上,分为Ios开发和Android开发,这就有一个问题,一个公司要上线一款app,但是需要至少需要一个Ios开发,和一个Android开发,这就造成App成本的提升,而现在,如果我们用Rn做开发,我们只需要一套代码,开发出来的App,可以运行在Ios和Android上,这极大的提高了开发效率,也为公司开发产品降低了成本,所以Rn一推出,就收到了广大程序员朋友们的热捧,学习Rn,没有由于的时间,拿起键盘就是干!
好了,如果你准备搞Rn开发了,首先要恭喜你下,如果你看到我的文章,那么更要恭喜你,我们很有可能成为朋友,如果你准备高Rn开发了,那么还面临一个,那就是工欲善其事,必先利其器!我们搞Rn开发,用什么工具呢?
这里我给大家推荐一款,Expo,这款简直时入门的神器啊!大家可以百度详细了解,关于它的问题,欢迎加我微信jkxx123321 与我交流【备注博客加】同时也欢迎关注我的个人公众号:爱享黑马 与我保持联系!接下来,开始干活!
Expo 入门宝典 一 (Quick Start)
1.什么是Expo:
Expo是一组工具、库和服务,可以通过编写JavaScript来构建本地的ios和Android应用程序。
Expo Apps是包含了Expo SDK的react native Apps,SDK是一个native-and-js的库,它包提供对设备系统的访问功能,像照相机、联系人、本地存储和其他硬件)。这意味着你不需要使用Xcode或Android的环境,或写任何代码也使得你的pure-JS项目非常便携,因为它可以运行在任何自然环境包含Expo SDK。
Expo还提供UI组件来处理各种应用程序,几乎所有应用程序都将被覆盖,但它不会突破react native Core的核心代码,例如图标、模糊视图,等等。
最后,Expo SDK提供了访问服务,这些服务虽然很难管理,但几乎每个应用程序都需要它。其中最受欢迎的是:Expo可以为您管理您的资产,它可以为您处理推送通知,并且它可以构建准备部署到应用程序商店的本地二进制文件。
2.准备好开始了吗,let‘s go
准备好的话就开始了,第一步安装环境,【这里不纯一点,如果对rn不熟悉的可以先看一下rn中文网】
http://reactnative.cn/docs/0.45/getting-started.html
安装环境的话,我们需要安装俩个环境,一个是针对桌面客户端的,另一个是针对手机客户端的。
电脑桌面客户端的叫:Expo XED 手机客户端的叫 Expo(也就相当于app)【大家自己去下载,我这里附图,附下载链接】
下载链接地址:
https://docs.expo.io/versions/v17.0.0/introduction/installation.html
【补充一点:电脑需要准备Node.js 没有的去安装一下,下载一个包后,直接下一步下一步就可以了,安装完node测试成功与否的方法,命令台上输入 node -verson 打印一下你安装的版本】
3.你的环境安装好了吗?好了的话就打开试试吧
电脑客户端打开环境Expo XDE,首先会让你去注册一个属于你自己的账号(如图)
注册好之后,登录成功,就会进入一个界面了,(如图)
创建属于你自己的项目(如图)
创建成功,如图所示:
点击你的项目,让它在你的环境下跑起来!
如图项目就跑起来了,接下来就要完善客户端了,也就是App端。
这个不懂的自己查查资料吧,也可以问我!
【这里补充一下,大家需要下一个夜神模拟器,在模拟器上安装一个expo也就是你在手机上安装的那个,这样大家可以降低对网络环境的依赖,直接在模拟器上看到你代码运行的效果】这里附图一张:
这是我个人调用微博开发者平台的接口Api,做的自己微博客户端,简单的功能有:【对任意博文的评论,发表自己的博文,转发一篇博文】这个设计到的技术不多,如果想要源码,可以直接找我,也可以上github上去,我已经上传上去。
接下来来几张功能图:(...不得瑟了)
在最后好像忘了告诉你们用什么环境了,也就是写代码的环境,个人用的是vs code 2017 ,人们以前用Atom的也比较多,其实这个到时无所谓,你用记事本也都行,无非就是一个写代码的工具而已,建议编辑器用微软家的,特别好用啊!
http://www.cnblogs.com/gdsblog/p/6992410.html
转载请注明出处【郭东生blog】:http://www.cnblogs.com/gdsblog/p/6992410.html 如有不足,请各位斧正!