1. 程式人生 > >夜神模擬器調試web APP

夜神模擬器調試web APP

ron 目前 必須 src 模擬 技術分享 修改 connect origin

前言:之前工作之余的時間自己做了一個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設置代理

技術分享圖片

本人目前只用了方式一,有第二種需求的可以試試第二種,註意:每次重啟了夜神模擬器都要重新設置代理,不然是連不上的

夜神模擬器調試web APP