你需要的環(huán)境
- Mac電腦和iPhone手機
- iOS源生項目代碼(CassECommerce)和RN項目代碼
能看到這份文檔,代碼肯定是已經(jīng)準備好了的咯
- 開發(fā)者賬號
首先你得先擁有一個iOS開發(fā)者賬號
其次你得把你的開發(fā)者賬號加入開思的iOS開發(fā)賬號的群組里面。如果你想這么做,請聯(lián)系楊森大神(工號:A01012)
你跟我說你覺得這個操作麻煩又耗時,不能解燃眉之急?好吧。你也可以找一個相好的已經(jīng)加入了的小伙伴把Ta的賬號借給你用,有需要的請聯(lián)系我(工號:A01166)。建議有需要的小伙伴不要嫌麻煩,還是申請加入才好
- Mac上的抓包代理工具——Charles
如果需要下載,請點這里,請下載macOS版本
如果想要破解,可以自行百度注冊賬號。但是大家應(yīng)該抵制盜版,支持正版,從我做起。如果有需要破解賬號的可以聯(lián)系我(工號:A01166)
配置調(diào)試環(huán)境
- 配置開發(fā)者賬號
- 用Xcode打開項目
CassECommerce,在Accounts面板加入已經(jīng)加入了開思開發(fā)者賬號群組的開發(fā)者賬號。
Xcode -> Preferences -> Accounts 調(diào)出Accounts面板。點擊面板左下角的+,添加賬號(大家都是擼代碼的,具體的添加步驟自己搞定)。添加完了之后,確保有下圖中所選中的一行:

- 配置調(diào)試證書
選中項目文件 -> TARGETS選中CassECommerce -> 面板選中General,這里你就可以配置調(diào)試證書了

勾選Automatically manage signing
Team選則Shenzhen Casstime Technologies Co., Ltd.
這個時候,你的面板上應(yīng)該是像小姐姐們的漂亮臉蛋那樣光潔好看的。如果你的面板上還有紅色的感嘆號,而你又不會解決,請你聯(lián)系任何一位iOS開發(fā)大神來幫你盤它
- 手機連接上Xcode
先將手機連接上電腦,如果是第一次連接這臺電腦,這里會有一個信任電腦的過程,需要在手機上添加信任,手機上會自己提示,跟著提示走就可以了。
之后再選擇你的調(diào)試設(shè)備為你的iPhone

這里選擇最上面的那個設(shè)備就對了
如果沒有加載出這個設(shè)備,請你耐心等待一下,畢竟Xcode要認識一個新朋友還是需要一些時間的
- Command + B
按照上述步驟操作完成之后,你就可以對項目進行編譯了(強烈建議使用快捷鍵Command + B)。
如果編譯不成功,而你又不知道怎么解決的時候,請使用最有效的辦法,聯(lián)系任何一位iOS開發(fā)大神來幫你盤它
- 設(shè)置Charles代理
首先請安裝Charles
安裝完成之后,打開Charles(這個時候最好是斷開你的以太網(wǎng)連接,至于是只需要3秒的拔網(wǎng)線,還是在系統(tǒng)偏好設(shè)置里關(guān)閉DHCP就由你自己來掌控了)。
選擇Help -> 選擇SSL Proxying -> Install Charles Root Certificate on a Mobile Device or Remote Browser
這時候你會看到一個彈窗,像下面這樣:

按照說明,你這個時候應(yīng)該拿起手機,將WiFi連接到你的Mac連接的那個WiFi環(huán)境下,然后點擊你連接的這個WiFi進入設(shè)置界面,點擊最下面的 配置代理 ,進入配置代理界面
選擇手動配置代理。
服務(wù)器地址輸入上面紅框框出的IP地址,本例中是10.118.65.7。
端口號輸入上面紅框框出的端口號,這里是8888。
確認填寫正確之后,點擊存儲,然后退出

你現(xiàn)在需要打開你的瀏覽器,在瀏覽器地址欄中輸入chls.pro/ssl。如果你的WiFi被成功的代理到你的電腦上,那么瀏覽器上提示你,正在嘗試下載一個配置描述文件,是否允許下載?(這個時候請你一定不要手殘點了取消,謝謝),允許之后,文件就會被下載
在這個過程中,Charles會有彈窗,提示有設(shè)備需要通過Charles代理,這里請一定要點擊Allow,而不是默認選中的那個按鈕(我在這個地方掉坑多次)
現(xiàn)在你可以打開 設(shè)置 -> 通用 -> 描述文件 -> 已下載的描述文件中選擇Charls Proxy CA...,點擊右上角的安裝
完成安裝后,打開 設(shè)置 -> 通用 -> 關(guān)于本機 -> 證書信任設(shè)置,信任你剛才安裝好的證書
真機調(diào)試
首先,請運行cassec-ecapp項目,為APP提供服務(wù)
然后,你可以該切換到打開了CassECommerce項目的Xcode按下快捷鍵Command + R來運行iOS項目了。你可能會希望馬上看到按照我這篇文檔配置了這么久的項目在你的iPhone手機上跑起來,但是請你的期望不要太大,因為問題總是會在即將成功的時候跳出來惡心人。
比如說下面這個問題:

這個問題一般是因為你肯定是一個iOS開發(fā)小哥哥喜歡的那一類人,喜歡更新軟件版本。這個就是因為你的Xcode沒辦法支持你的手機的操作系統(tǒng)的版本。
解決辦法也很簡單,點擊這里。下載對于版本的真機調(diào)試包,然后將下載到的包放入/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport,重啟Xcode
比如說下面這個問題:

解決辦法就是1.重新連接手機。2.重啟Xcode。3.重啟手機。
如果上述3種方法都使用過還是沒解決,那就多嘗試幾次(認真臉)
在把調(diào)試時遇到的問題都解決之后,就可以通過Xcode把APP安裝到手機上了。如果APP正常運行當然是大吉大利了,如果APP運行無法正常運行,參考下面兩條建議:
- 如果進入APP最終停在了一個紅色的界面,并由一大串文字告訴你,RN服務(wù)沒有請求到。那么你就應(yīng)該確認那你開啟了RN服務(wù),并將手機的網(wǎng)絡(luò)代理到了你的電腦上。
- 如果APP一直無法登錄成功,你就得確認你的
Charles代理服務(wù)是否正常??梢酝ㄟ^查看Charles抓取的請求中找到你基于你的電腦的IP的請求,查看其請求狀態(tài)是否正常。如果不正常,則嘗試重新安裝手機上的證書(參考設(shè)置Charles代理)
寫在最后
iOS真機調(diào)試配置過程比較繁瑣(是的,其實我覺得很繁瑣,睡覺蘋果公司傲嬌呢!),請真正小伙伴們認真斟酌是否需要入坑。如果再三思考之后還是選擇入坑,我佩服你的勇氣。為了表達我的敬意,在配置過程中有任何問題,可以聯(lián)系我(工號:A01166)
還有一點要注意的是,如果你使用你自己平時用的手機來調(diào)試,那么恭喜你,你在真機調(diào)試之后,會發(fā)現(xiàn)自己的手機無法通過WiFi聯(lián)網(wǎng)了。因為你的WiFi請求全部被代理到了電腦了,你可以通過關(guān)閉代理的方式來解決這個問題
最后,祝小伙伴們能夠愉快的完成整個配置過程,并快樂地使用iPhone進行真機調(diào)試~~