React Native项目的搭建与热更新

今天开始了新的项目,我决定用React Native来开发我们的新项目。

首次接触大家一起学习,也把此项目保存笔记。我的是window系统所以选择了android开发

看了React Native官网需要我们安装开发依赖
必须安装的依赖有:Node、React Native 命令行工具、Python2 以及 JDK 和 Android Studio。
这些安装都可以自行百度这有篇很好的文章有所有的详细讲解慕课网大神写的赞赞赞。有大牛的我就不再啰嗦。

首先全局安装react-native-cli,如果安装慢请自行安装淘宝镜像··

npm install -g react-native-cli

安装成功后react-native-cli -v查看版本

创建项目react-native-cli init 项目名字 这里会时间比较久。耐心等待

安装成功之后咱们就直接cd 项目名字开始我们的项目react-native run-android,如此你可能会遇到咱们开发的第一个坑

在这里插入图片描述
这个会提醒你有个小错,项目没跑起来。那是应为你没有打开我们的本地服务小黑窗口开启继续
在这里插入图片描述
当我们看到这个的时候,在一次react-native run-android。 默默等待真机/安卓模拟器都OK。我们可以看到我们的页面了。完美。
在这里插入图片描述
在开发过程中我们肯定会边开发边看效果在模拟器上我们要ctry+m
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后ctry+m
在这里插入图片描述
你会发现可以更新了。在真机上是摇一摇配置一样。小黑床就在这里插入图片描述
输入adb shell input keyevent 82回车同样可以出来配置看个人喜欢。准备研究路由然后可以开始干活。加油

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React Native的自建热更新功能是指开发者自行实现热更新功能,而不使用第三方提供的热更新服务。下面将简单介绍实现自建热更新的一般步骤。 首先,需要创建一个服务器来存放热更新的文件。可以使用云存储服务,如AWS S3、阿里云OSS等,也可以自行搭建服务器存储文件。 其次,需要在React Native应用中添加热更新的逻辑。一般情况下,热更新需要通过下载文件来替换原有的文件。可以使用React Native提供的`fetch` API来下载热更新文件,然后使用文件操作相关的API来替换原文件。 在App启动时,可以通过向服务器请求版本号等信息来判断是否需要进行热更新。当发现需要更新时,App会向服务器请求热更新文件的下载链接。下载完成后,可以通过解压文件或者其他方式来获取到热更新包内的文件。然后使用文件操作相关的API,将这些文件替换到React Native应用相应的目录中。 最后,可以在App中增加一些逻辑,比如通过热更新版本号来判断是否需要强制更新、增加热更新的错误处理等。 需要注意的是,在实现自建热更新功能时,还需要考虑到热更新文件的校验、下载进度显示、热更新中断恢复等问题。此外,还需要兼容不同平台(Android和iOS)的热更新需求。 综上所述,实现自建热更新需要创建服务器存储更新文件,并在React Native应用中添加热更新的逻辑,包括判断是否需要更新、下载热更新文件、替换文件等步骤。同时,还需要考虑一些额外功能的实现和平台兼容性的问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值