摘要:指的是在控制臺中,可通過查看。端調(diào)試的相關(guān)配置端的配置稍微繁瑣一些。安裝證書按照提示安裝證書。把移動端的資源請求代理到本地來示例這樣就可以在本地進行后續(xù)的開發(fā)和調(diào)試了。
Docs 開發(fā)之 Charles 配置指南
1.下載與安裝
charles-proxy-4.1.4 .dmg56.12 MB已存到云盤下載
2.激活
使用公司正版license 激活
安裝證書
點擊證書并選擇「始終信任」 (證書不被信任可能會導致網(wǎng)站開發(fā)時部分資源文件無法加載。)
設(shè)置代理
將你需要代理HTTPS的網(wǎng)站添加進去:
本地調(diào)試
如果你想代理bear-test 到本地, 你需要:
點擊Map Remote:
添加你需要的設(shè)置:
這里提供一個基礎(chǔ)配置:
bear-test_example.xml3.12 KB已存到云盤下載
如果你是新手, 只需 import 這個文件, 點擊OK 就好了。
配置到這里 ,打開bear-test 中的一篇文檔, 你就會看到資源請求打到了本地。
這樣, 就能在本地進行開發(fā)和調(diào)試了。
異常處理
頁面空白, 提示獲取數(shù)據(jù)失?。?/p>
這種情況, 你需要檢查一下 only_dev 這個文件的 session 是否過期。
在這里找到:
如果你也不確定是否過期, 就刪掉, 重新登陸,然后拿到新的session ,重新 yarn start 一下就可以了。
id 指的是userId, 在控制臺中,可通過 window.User 查看。
此配置中, 還有個默認的字段wsServer, 默認值是wsServer: "ws://bear-test.bytedance.net/ws/v2",
如果你需要修改, 直接重新賦值即可。
更便捷的設(shè)置
如果你想在不同的開發(fā)任務間來回切換, 又不想頻繁的修改only_dev.js 中的配置, 你只需要在backends 目錄中新建一個文件:
里面是該環(huán)境需要的一些參數(shù):
需要切換環(huán)境的時候, 只需要執(zhí)行:
yarn use beartest
這條命令會把里面的內(nèi)容自動添加到only_dev 中。
然后再重新yarn start , 刷新即可。
Mobile 端調(diào)試的相關(guān)配置
m端的配置稍微繁瑣一些。
這里以 IOS 為例。
首先,你需要找客戶端的同學要一臺測試機, 幫你安裝測試版的Docs.
測試機上一般已經(jīng)配好了代理。
然后你需要確認:
1.手機上是否安裝了證書, 如果沒有, 就安裝。
安裝證書
按照提示安裝證書。
1.設(shè)置IP。 移動端連接的網(wǎng)絡(luò)是bytedanceInc, 你需要手動設(shè)置HTTP 代理, 和你PC 的 IP 保持一致。
2.手機訪問這個地址, 然后安裝證書, 設(shè)置信任。
設(shè)置代理
設(shè)置charles 代理。( 把移動端的資源請求代理到本地來)
示例:
這樣就可以在本地進行后續(xù)的開發(fā)和調(diào)試了。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/112522.html
軟件測試工具大揭秘 前言軟件測試常用軟件GitPycharmBCompareTyporaXMindNavicatSublime TextPostmanFiddlerCharlesXshellXftpJmeter 前言 ??現(xiàn)如今,技術(shù)發(fā)展十分迅猛,開發(fā)者只有通過不斷的學習才能跟得上時代的步伐。而為了便于學習和工作(減少996),涌現(xiàn)了很多優(yōu)秀的開發(fā)工具用以幫助開發(fā)者提高工作效率。現(xiàn)在我把我工...
摘要:轉(zhuǎn)自自己在開源中國上的博客前言公司群里經(jīng)常有人會發(fā)一些微信小游戲,每次下面都會跟好多曬分截圖。因為前端攻城獅有前端攻城獅的玩法。取消斷點繼續(xù)游戲。這時在手機微信里訪問游戲的鏈接,在端里就可以看到手機發(fā)出的請求。 轉(zhuǎn)自自己在開源中國上的博客:https://my.oschina.net/u/7247... 前言 公司群里經(jīng)常有人會發(fā)一些微信小游戲,每次下面都會跟好多曬分截圖。比如這個《看...
摘要:在上進行移動開發(fā),免不了進行真機調(diào)試。使用進行系統(tǒng)代理非常方便。 在mac上進行移動web開發(fā),免不了進行真機調(diào)試。使用charles進行系統(tǒng)代理非常方便。 1. 安裝charles ,如下圖選中 Proxy -》Mac OS X Proxy showImg(https://segmentfault.com/img/bVLIMV?w=2560&h=1600); 2. 手機打開無線局域...
閱讀 1422·2021-11-22 15:11
閱讀 2850·2019-08-30 14:16
閱讀 2767·2019-08-29 15:21
閱讀 2925·2019-08-29 15:11
閱讀 2467·2019-08-29 13:19
閱讀 2996·2019-08-29 12:25
閱讀 429·2019-08-29 12:21
閱讀 2844·2019-08-29 11:03