夜神模拟器调试web APP

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

一、下载夜神模拟器

https://www.yeshen.com/

二、设置端口并打开webAPP

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

夜神模拟器调试web APP_第1张图片

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

夜神模拟器调试web APP_第2张图片

 

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

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

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

方式一、使用cors

夜神模拟器调试web APP_第3张图片

怎么用?首推这个composer包

夜神模拟器调试web APP_第4张图片

 

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

夜神模拟器调试web APP_第5张图片

 

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

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

夜神模拟器调试web APP_第6张图片

 

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

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

 夜神模拟器调试web APP_第7张图片

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

 

 

方式二、使用NGINX设置代理

夜神模拟器调试web APP_第8张图片

 

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

 

转载于:https://www.cnblogs.com/chenhaoyu/p/10484983.html

你可能感兴趣的:(后端,网络,javascript,ViewUI)