夜神模拟器调试web APP

前言：之前工作之余的时间自己做了一个web APP，但是都是在浏览器上调试的，这次想看看在手机上啥效果，所以下载了一个夜神模拟器

一、下载夜神模拟器

https://www.yeshen.com/

二、设置端口并打开webAPP

我用的编辑器是hbuilderx，夜神模拟器默认的端口是62001，配置编辑器端口完之后，运行到手机或模拟器，

还需要设置网络，点击夜神模拟器设置

 

然后就可以在夜神模拟器上打开你的webAPP了

三，关于夜神模拟器访问服务端跨域问题

一般前后端分离都会涉及到跨域问题，关于什么是跨域，请自行去百度

方式一、使用cors

怎么用？首推这个composer包

 

 安装完生成配置文件后，在配置文件中配置之后的结果如下

 

 allowedOrigins选项为允许你能跨域的域名，剩下的请自己去看文档

这样就解决了浏览器跨域问题，但是咋们不是浏览器，是夜神模拟器，所以需要进入夜神模拟器的设置，WLAN，长按

 

选择修改网络，设置代理，填入你本机电脑的ip地址，比如192.168.1.228，端口8888，这端口一定要和fiddle的connection端口一样

然后下载抓包软件fiddle，进入options下面的connection，勾选红框选项

 

最后重启fiddle，这时候夜神模拟器就可以访问电脑本地服务器环境了，注意： 夜神模拟器想要能访问电脑本地服务器环境，必须要开启fiddle，不然访问只会在夜神模拟器中

 

 

方式二、使用NGINX设置代理

 

 本人目前只用了方式一，有第二种需求的可以试试第二种，注意：每次重启了夜神模拟器都要重新设置代理，不然是连不上的