wap2app連接手機調試方法

前言：最近公司有個需求 在用react寫好wap端后 需要打包成app 於是就選擇看wap2app

一、先用手機開啟網絡共享 將電腦和手機連接在同一網段

若有wifi 且電腦手機都可以聯網

直接餓昂手機和電腦臉上同一個wifi就好

若沒有wifi 但是電腦有無線網卡

可以通過電腦發射wifi信號 給手機連上 具體發射方法：可以下載一個獵豹wifi之類的東西 讓電腦發射WiFi給手機

若電腦沒有無線網卡的

需要用手機開網給電腦

在手機上

1.打開熱點
2.設置（本人榮耀honor9x）
設置=》移動網絡=》個人熱點=》更多共享設置=》通過usb共享網絡

在電腦上

1.桌面彈出是都接受網絡 選擇接受 以接受手機的網絡
2.更改網絡適配器 關閉電腦之前選擇的那個網絡適配器 啟用剛剛手機的網絡的適配器


！！！注意 當不需要調試代碼 也就是工作結束了 拔掉手機之后 記得把原來的網絡的適配器開啟回去 不然電腦就沒網了

二、在vscode運行代碼至瀏覽器 獲得wap站首站地址 http://xxx.xxx.xxx.xxx

三、在Hbuilder中新建wap2app項目 填入wap站首站地址

四、在手機打開調試功能的情況下 在Hbuilder運行wap2app項目到手機

手機

手機需要進入開發者模式 打開usb調試 才能進行與電腦連接調試

hbuilder

五、完成！