欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

什么是Expo?带你学习Expo

程序员文章站 2022-04-20 14:09:29
...

本人决心翻译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中文网】


  安装环境的话,我们需要安装俩个环境,一个是针对桌面客户端的,另一个是针对手机客户端的。

  电脑桌面客户端的叫:Expo XED 手机客户端的叫 Expo(也就相当于app)【大家自己去下载,我这里附图,附下载链接】

  什么是Expo?带你学习Expo

  下载链接地址:

https://docs.expo.io/versions/v17.0.0/introduction/installation.html

  【补充一点:电脑需要准备Node.js 没有的去安装一下,下载一个包后,直接下一步下一步就可以了,安装完node测试成功与否的方法,命令台上输入 node -verson 打印一下你安装的版本】


3.你的环境安装好了吗?好了的话就打开试试吧

  电脑客户端打开环境Expo XDE,首先会让你去注册一个属于你自己的账号(如图)

  什么是Expo?带你学习Expo

  注册好之后,登录成功,就会进入一个界面了,(如图)

  什么是Expo?带你学习Expo

  创建属于你自己的项目(如图)

  什么是Expo?带你学习Expo

  创建成功,如图所示:

什么是Expo?带你学习Expo

  点击你的项目,让它在你的环境下跑起来!

  什么是Expo?带你学习Expo

  如图项目就跑起来了,接下来就要完善客户端了,也就是App端。

    什么是Expo?带你学习Expo

  这个不懂的自己查查资料吧,也可以问我!

  【这里补充一下,大家需要下一个夜神模拟器,在模拟器上安装一个expo也就是你在手机上安装的那个,这样大家可以降低对网络环境的依赖,直接在模拟器上看到你代码运行的效果】这里附图一张:

              什么是Expo?带你学习Expo

  这是我个人调用微博开发者平台的接口Api,做的自己微博客户端,简单的功能有:【对任意博文的评论,发表自己的博文,转发一篇博文】这个设计到的技术不多,如果想要源码,可以直接找我,也可以上github上去,我已经上传上去。

  接下来来几张功能图:(...不得瑟了)

  在最后好像忘了告诉你们用什么环境了,也就是写代码的环境,个人用的是vs code 2017 ,人们以前用Atom的也比较多,其实这个到时无所谓,你用记事本也都行,无非就是一个写代码的工具而已,建议编辑器用微软家的,特别好用啊!

以上就是什么是Expo?带你学习Expo的详细内容,更多请关注其它相关文章!