本地開啟服務(wù):
工具(http-server):
http-server 是一個(gè)簡(jiǎn)單的零配置命令行HTTP服務(wù)器, 基于 nodeJs.
1:全局安裝:
npm install http-server -g
2:在想要開啟服務(wù)的目錄下開啟命令行輸入:
http-server
3:本機(jī)瀏覽器訪問?”localhost:端口號(hào)“? ??或者? ”127.0.0.1:端口號(hào)“???或者? ”本機(jī)IP:端口號(hào)“? ?再或者本地配置host映射本地IP的話,也可以使用 ”自定義host:端口號(hào)“??這種訪問方式
此時(shí)本地服務(wù)已開啟湖员,如果手機(jī)和電腦在一個(gè)局域網(wǎng)內(nèi)枯芬,使用手機(jī)瀏覽器訪問?本機(jī)IP:端口號(hào)方式也可以瀏覽服務(wù)
但是如果想要在移動(dòng)端設(shè)備上面通過上面的 ”自定義host:端口號(hào)“ 的方式訪問是不能訪問成功的
原因是host映射的是pc,并不是移動(dòng)端
解決:可以利用Charles或者fiddler開啟手機(jī)代理
使用Charles
1:下載Charles并打開
2:查看電腦的ip地址
3:保證手機(jī)和電腦包在一個(gè)局域網(wǎng)內(nèi)
4:打開手機(jī)的Wi-Fi手動(dòng)配置代理僧凤,填寫服務(wù)器為電腦的IP岛请,端口號(hào)為Charles默認(rèn)的8888秕硝,保存
5:打開手機(jī)百度訪問網(wǎng)頁,可以看到Charles上面會(huì)出現(xiàn)手機(jī)剛才請(qǐng)求捷枯,一般是只能攔截到http協(xié)議的請(qǐng)求滚秩,如果想抓取https的請(qǐng)求,就要做一些相應(yīng)的配置
使用Charles抓取https請(qǐng)求設(shè)置:
Charles設(shè)置完之后就可以在手機(jī)上面”自定義host:端口號(hào)“ 的方式訪問了
如果想要手機(jī)上面訪問的域名代理到本地自定義域名的服務(wù)上淮捆,就可以使用Charles的map remote功能了郁油,配置eg:
上例是在iPad里面訪問h5頁面本股,當(dāng)訪問到“http://a90-lc.vipkid-qa.com.cn/”的時(shí)候,就把服務(wù)轉(zhuǎn)發(fā)到我本地自定義域名服務(wù)上