夜神模擬器調試web APP
阿新 • • 發佈:2019-03-07
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