使用Window 10和雷电模拟器轻松开发和测试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文件就记住每行后边加一个空行就行了。
具体为什么,我也不怎么清楚,先能保证可以干活吧!没准哪天就知道为什么了。