window10系统+雷电模拟器 开发调试React-Native项目(无需安卓真机)

写在前边的:

年前放假把调试安卓机(暂且叫它AD好了)放到抽屉里锁好,静等来年开工大吉。

疫情严峻,时至今时,需要在家办公做贡献。

我那抽屉里AD,没有它可怎么办,家里PC是都是windows,移动设备都是IOS,怎么开发?

之前也倒腾过模拟器,只能用来切页面,如果想调试接口总是不通,脑子乱糟糟,什么都是空白。项目进度重要,用AD调试。

家里呆,这下没有AD,项目也得进行啊,又想到了模拟器。

项目运行

1、vscode编辑器打开项目

2、打开雷电模拟器

3、项目根目录下命令窗口运行如下命令:

react-native run-android

4、模拟器中加载好了项目界面,只是数据什么的都是生产环境中的,本地开发项目访问内外网环境时都是修改本地host,那是不是模拟器也可以呢?

(原谅我的愚钝,把一个前端鸭子赶上客户端的架子,难免站不稳,待我练练核心肌肉群,平衡力会好起来的。)

修改模拟器host文件

参考地址:https://www.cnblogs.com/heaven-xi/p/10331402.html

电脑cmd框中按步骤输入以下命令:

(1)获取模拟器root权限:

依次执行如下命令:

adb root

adb remount

如下图所示:
在这里插入图片描述
(2)获取模拟器hosts文件到本地:

执行如下命令:

adb pull /system/etc/hosts

如下图所示:
在这里插入图片描述
pull下来的模拟器hosts文件就在c:\Users\Liuyu目录下,根据自己电脑的实际设置,找相应的位置即可。

(3)将本地修改好的hosts文件push到模拟器中:

执行如下命令:

adb push hosts /system/etc/

如下图所示:
在这里插入图片描述

模拟器中验证一下是否成功

(1)模拟器中按如下步骤依次打开:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在终端模拟器中ping 一下hosts文件中所指域名ip地址是否生效。

在这里插入图片描述
居然生效了。

重新执行react-native run-android命令运行项目,哇哦,项目中的内网数据出现了耶!!!

其实生效之前有一个小插曲。

我是小插曲

刚开始修改的模拟器hosts文件后,其实并没有成功,正打算放弃,jerry过来了,说是帮我瞅瞅,我就去看红雷大哥的《新世界》去了。

他老人家在终端模拟器中挨个ping我指的hosts域名,只有最后一个不生效,刚好就是项目中用的接口域名。

看着我的hosts文件乱,他给整理了一下,又push了一遍,居然可以了。对比变化,就是最后一行多了一个空行。

查查为啥,原来是回车换行符的事情,模拟器就因为个换行过不下去了。这里是参考这篇文章,参考地址:https://my.oschina.net/FACEqiu/blog/400847。文章虽年代久远,可它解了近渴。

修改模拟器hosts文件就记住每行后边加一个空行就行了。

具体为什么,我也不怎么清楚,先能保证可以干活吧!没准哪天就知道为什么了。

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值