一、開始測(cè)試：
環(huán)境配置：host（配置IP域名）、數(shù)據(jù)庫(kù)
? ? ? ? ? ——配置host方式：/etc/hosts、用Linux命令vim編輯；或者用switch host工具編輯（可下載下來(lái)方便快速編輯host）
入口：路徑、網(wǎng)址（要測(cè)哪個(gè)頁(yè)面）
工具：手機(jī)、Charles工具
二、Charles安裝：
1、下載Charles工具
2、下載完成后，配置Proxy>>proxy setting>>勾選support HTTP/2和Enable transparent HTTP proxying? (支持HTTP/2協(xié)議和啟用透明HTTP代理)
3、完成添加配置HTTPS：proxy>>ssl proxying setting>>add>>*:443（443端口主要是用于HTTPS服務(wù)，80端口是HTTP）
4、安裝證書
Charles頂部：Help -> SSL Proxying -> Install Charles Root Certificate 點(diǎn)擊后自動(dòng)打開鑰匙串訪問(wèn)，請(qǐng)輸入電腦開機(jī)密碼
完成后會(huì)看到證書，雙擊證書，打開證書詳情：展開信任
使用此證書時(shí)：修改為【始終信任】，關(guān)閉證書詳情要求輸入開機(jī)密碼
三、Charles工具介紹
1、打開Charles工具看到的首屏內(nèi)容，確認(rèn)remote address是否正確，不正確請(qǐng)打開host文件修改，確保自己無(wú)問(wèn)題和開發(fā)核實(shí)。
下方兩種視圖內(nèi)容一致，① structure是結(jié)構(gòu)視圖：方便找到；② sequence是序列視圖：明確請(qǐng)求先后順序，和網(wǎng)頁(yè)中F12查看network內(nèi)容一致。
2、上方是前端請(qǐng)求區(qū)域即 request，下方是后端返回?cái)?shù)據(jù)區(qū)域 即相應(yīng)區(qū)域response。
3、定位前后臺(tái)數(shù)據(jù)問(wèn)題，點(diǎn)擊右下方的json text可查看后端返回是否有問(wèn)題，檢查無(wú)誤則是前端問(wèn)題。
四、測(cè)試
1、 配置host：/etc/hosts、vim編輯；或者用工具switch host（可下載下來(lái)方便編輯host）
2、打開代理工具Charles（抓包工具）
手機(jī)（客戶端）————中間代理抓取信息——————> >服務(wù)器
3、手機(jī)安裝證書
頂部 >> Help >> SSL Proxying >> Install Charles Root Certificate on a Mobile Device or Remote Browser >> 彈出端口和域名 >> 一會(huì)【第4點(diǎn)】手機(jī)上配置要用這兩個(gè)參數(shù)
APP測(cè)試要點(diǎn)：
1、如果手機(jī)沒(méi)安裝證書，無(wú)法抓https的包，此時(shí)需要安裝證書，并信任即第3點(diǎn)內(nèi)容。
2、證書地址：手機(jī)默認(rèn)瀏覽器，iOS是Safari打開輸入下載地址?【chls.pro/ssl】（前提：①連接到電腦代理（下方第4點(diǎn)）? ? ?②電腦Charles安裝了根證書即在第二點(diǎn)Charles安裝中第4小點(diǎn)內(nèi)容）
3、安裝證書后需要信任證書，在iOS系統(tǒng)設(shè)置>>用戶頭像信息下方有一條點(diǎn)進(jìn)去>>信任即可
(如未顯示：通用>>關(guān)于本機(jī) 拉到最下邊>>證書信任設(shè)置>>開關(guān)打開）
4、連接代理之后 所有的網(wǎng)絡(luò)請(qǐng)求HTTP都會(huì)走到你的電腦上，電腦關(guān)機(jī) 網(wǎng)絡(luò)就中斷啦，要想恢復(fù)在設(shè)置里 把手動(dòng)的配置關(guān)掉。
4、 設(shè)置手機(jī)的代理指向電腦（選擇連接的無(wú)線網(wǎng)絡(luò)注意電腦和手機(jī)必須相同網(wǎng)絡(luò)下，進(jìn)入下方配置代理）點(diǎn)擊連接的無(wú)線網(wǎng)絡(luò) >> 底部配置代理?>> 選擇手動(dòng) >> 輸入服務(wù)器和端口 >> 存儲(chǔ)（測(cè)試完成后還是此處直接關(guān)閉，每次測(cè)試都需要重新在手機(jī)上輸入服務(wù)器和端口）
服務(wù)器端口查看：第3點(diǎn)中安裝證書截圖中有位置路徑是 “? 頂部 >> Help >> SSL Proxying?>>?Install Charles Root Certificate on a Mobile Device or Remote Browser >> 彈出端口和域名 ”
5、打開手機(jī)APP，找到要測(cè)試頁(yè)面，點(diǎn)擊打開頁(yè)面的時(shí)候，查看Charles抓包看請(qǐng)求。
知識(shí)點(diǎn)補(bǔ)充：
位：常說(shuō)的bit，位是計(jì)算機(jī)中的最小數(shù)據(jù)單位：就是0或者1；計(jì)算機(jī)內(nèi)存中的存儲(chǔ)都是01這兩個(gè)東西。字節(jié)：英文單詞：（byte），byte是存儲(chǔ)空間的基本計(jì)量單位。1byte?存1個(gè)英文字母，2個(gè)byte存一個(gè)漢字。規(guī)定上是1個(gè)字節(jié)等于8個(gè)比特（1Byte?= 8bit）。字：字就是由一些字符組成的，是據(jù)算計(jì)處理數(shù)據(jù)時(shí)一次存取，加工和傳送的數(shù)據(jù)長(zhǎng)度。字由若干字節(jié)構(gòu)成，字的位數(shù)叫字長(zhǎng)，一臺(tái)8位機(jī)子：一個(gè)字等于1個(gè)字節(jié)，字長(zhǎng)為8位，如果是16位的機(jī)子，一個(gè)字等于2個(gè)字節(jié)，字長(zhǎng)為16，字是計(jì)算機(jī)處理數(shù)據(jù)和運(yùn)算的單位。由此可見，計(jì)算機(jī)的字長(zhǎng)決定了其CPU一次操作處理實(shí)際位數(shù)的多少，即：計(jì)算機(jī)的字長(zhǎng)越大，其性能越好。位、字，字節(jié)與KB的關(guān)系：KB 1KB=1024BMB 1MB=1024KBGB 1GB=1024MBTB 1TB=1024GB（以上內(nèi)容來(lái)自百度）
ajax全稱：AJAX?= Asynchronous JavaScript and XML (異步的 JavaScript 和 XML)
XHR（網(wǎng)頁(yè)中F12刷新頁(yè)面，可看到請(qǐng)求步驟）： XML? ? HTTP? ? Request
