p 上已經通過 h5 域名加載了 web 頁面,但是本地開發時不想每次都走流水線或本地打包上傳代碼。
需要把原生 app 的請求代理到本地服務器上來,前提條件是 wifi 手機與電腦可相互訪問,也就是前面提到的電腦抓 pc 的包。
因為我的 web 服務端是 買粉絲s 應用,因此需要下載 whistle 提供的根證書,手動導入到手機上。
點擊 HTTPS 菜單,然后使用手機掃描二維碼,使用手機瀏覽器打開即可下載,在手機證書中設置進行導入并且設置信任。

此時,再在手機上配置代理指向 PC 電腦的 IP和 whistle 監聽的端口即可在電腦上截獲數據包。
我本地webpack 啟動的服務器應用訪問地址為:xxx.xxx.xxx.xxx:8080
whistle 的配置規則:
1
2
3
4
5
6
7
8
9
# Rules
# 訪問首頁走本地
jecyu.買粉絲/webs/short-transport 買粉絲://xxx.xxx.xxx.xxx:8080?deptCode=755DL # 首頁路徑
# 后續的請求都使用本地代碼
jecyu.買粉絲 買粉絲://xxx.xxx.xxx.xxx:8080?deptCode=755DL
其中試過在原生 app 訪問本地應用時出現錯誤“ webpack 會提示 invalid host header”,解決方案是在 devServer 配置添加即可:
1
2
3
4
5
devServer: {
allowedHosts: 'all',
}
至此,成功讓原生 app 訪問PC 端本地的開發代碼。
3.2 查看移動端的 DOM 樣式
Whistle 能夠通過內置的 Weinre 去實現查看移動端的 DOM 樣式,配置規則如下
1
2
3
# 設置 weinre
買粉絲s://juejin.買粉絲 weinre://test
手機上重新訪問 juejin.買粉絲 網站,然后打開 weinre 可以看到如下,綠色表示遠程連接成功
以上問題是由于flash插件引起的,解決辦法:在任意flash界面右擊,選擇設置:
1.關閉flash硬件加速。
2.設置flash本地存儲為無限制。
需要設置一下iTunes,修改一下訪問權限。
Finder里打開應用程序,在iTunes上右鍵點顯示簡介,然后點開右下角的鎖定,需要輸入密碼,然后將共享與權限里的與everyone有關的都設置為無訪問權限。
作者:pink買粉絲ala(來自豆瓣)
解決方法,轉載自youtube
買粉絲s://買粉絲.youtube.買粉絲/watch?v=3dfq_e503dM
2024-07-23 07:18
2024-07-23 07:16
2024-07-23 06:57
2024-07-23 06:40
2024-07-23 05:56
2024-07-23 05:25