你需要的环境
- Mac电脑和iPhone手机
- iOS源生项目代码(CassECommerce)和RN项目代码
能看到这份文档,代码肯定是已经准备好了的咯
- 开发者账号
首先你得先拥有一个iOS开发者账号
其次你得把你的开发者账号加入开思的iOS开发账号的群组里面。如果你想这么做,请联系杨森大神(工号:A01012)
你跟我说你觉得这个操作麻烦又耗时,不能解燃眉之急?好吧。你也可以找一个相好的已经加入了的小伙伴把Ta的账号借给你用,有需要的请联系我(工号:A01166)。建议有需要的小伙伴不要嫌麻烦,还是申请加入才好
- Mac上的抓包代理工具——Charles
如果需要下载,请点这里,请下载macOS版本
如果想要破解,可以自行百度注册账号。但是大家应该抵制盗版,支持正版,从我做起。如果有需要破解账号的可以联系我(工号:A01166)
配置调试环境
- 配置开发者账号
- 用Xcode打开项目
CassECommerce
,在Accounts
面板加入已经加入了开思开发者账号群组的开发者账号。
Xcode -> Preferences -> Accounts
调出Accounts
面板。点击面板左下角的+
,添加账号(大家都是撸代码的,具体的添加步骤自己搞定)。添加完了之后,确保有下图中所选中的一行:
- 配置调试证书
选中项目文件 -> TARGETS选中CassECommerce -> 面板选中General,这里你就可以配置调试证书了
勾选Automatically manage signing
Team
选则Shenzhen Casstime Technologies Co., Ltd.
这个时候,你的面板上应该是像小姐姐们的漂亮脸蛋那样光洁好看的。如果你的面板上还有红色的感叹号,而你又不会解决,请你联系任何一位iOS开发大神来帮你盘它
- 手机连接上Xcode
先将手机连接上电脑,如果是第一次连接这台电脑,这里会有一个信任电脑的过程,需要在手机上添加信任,手机上会自己提示,跟着提示走就可以了。
之后再选择你的调试设备为你的iPhone
这里选择最上面的那个设备就对了
如果没有加载出这个设备,请你耐心等待一下,毕竟Xcode要认识一个新朋友还是需要一些时间的
- Command + B
按照上述步骤操作完成之后,你就可以对项目进行编译了(强烈建议使用快捷键Command + B
)。
如果编译不成功,而你又不知道怎么解决的时候,请使用最有效的办法,联系任何一位iOS开发大神来帮你盘它
- 设置Charles代理
首先请安装Charles
安装完成之后,打开Charles
(这个时候最好是断开你的以太网连接,至于是只需要3秒的拔网线,还是在系统偏好设置里关闭DHCP就由你自己来掌控了)。
选择Help -> 选择SSL Proxying -> Install Charles Root Certificate on a Mobile Device or Remote Browser
这时候你会看到一个弹窗,像下面这样:
按照说明,你这个时候应该拿起手机,将WiFi连接到你的Mac连接的那个WiFi环境下,然后点击你连接的这个WiFi进入设置界面,点击最下面的 配置代理 ,进入配置代理界面
选择手动配置代理。
服务器地址输入上面红框框出的IP地址,本例中是10.118.65.7
。
端口号输入上面红框框出的端口号,这里是8888
。
确认填写正确之后,点击存储,然后退出
你现在需要打开你的浏览器,在浏览器地址栏中输入chls.pro/ssl
。如果你的WiFi被成功的代理到你的电脑上,那么浏览器上提示你,正在尝试下载一个配置描述文件,是否允许下载?
(这个时候请你一定不要手残点了取消,谢谢),允许之后,文件就会被下载
在这个过程中,Charles
会有弹窗,提示有设备需要通过Charles
代理,这里请一定要点击Allow,而不是默认选中的那个按钮(我在这个地方掉坑多次)
现在你可以打开 设置 -> 通用 -> 描述文件 -> 已下载的描述文件中选择Charls Proxy CA...
,点击右上角的安装
完成安装后,打开 设置 -> 通用 -> 关于本机 -> 证书信任设置
,信任你刚才安装好的证书
真机调试
首先,请运行cassec-ecapp
项目,为APP提供服务
然后,你可以该切换到打开了CassECommerce
项目的Xcode按下快捷键Command + R
来运行iOS项目了。你可能会希望马上看到按照我这篇文档配置了这么久的项目在你的iPhone手机上跑起来,但是请你的期望不要太大,因为问题总是会在即将成功的时候跳出来恶心人。
比如说下面这个问题:
这个问题一般是因为你肯定是一个iOS开发小哥哥喜欢的那一类人,喜欢更新软件版本。这个就是因为你的Xcode没办法支持你的手机的操作系统的版本。
解决办法也很简单,点击这里。下载对于版本的真机调试包,然后将下载到的包放入/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport
,重启Xcode
比如说下面这个问题:
解决办法就是1.重新连接手机。2.重启Xcode。3.重启手机。
如果上述3种方法都使用过还是没解决,那就多尝试几次(认真脸)
在把调试时遇到的问题都解决之后,就可以通过Xcode把APP安装到手机上了。如果APP正常运行当然是大吉大利了,如果APP运行无法正常运行,参考下面两条建议:
- 如果进入APP最终停在了一个红色的界面,并由一大串文字告诉你,RN服务没有请求到。那么你就应该确认那你开启了RN服务,并将手机的网络代理到了你的电脑上。
- 如果APP一直无法登录成功,你就得确认你的
Charles
代理服务是否正常。可以通过查看Charles
抓取的请求中找到你基于你的电脑的IP的请求,查看其请求状态是否正常。如果不正常,则尝试重新安装手机上的证书(参考设置Charles代理)
写在最后
iOS真机调试配置过程比较繁琐(是的,其实我觉得很繁琐,睡觉苹果公司傲娇呢!),请真正小伙伴们认真斟酌是否需要入坑。如果再三思考之后还是选择入坑,我佩服你的勇气。为了表达我的敬意,在配置过程中有任何问题,可以联系我(工号:A01166)
还有一点要注意的是,如果你使用你自己平时用的手机来调试,那么恭喜你,你在真机调试之后,会发现自己的手机无法通过WiFi联网了。因为你的WiFi请求全部被代理到了电脑了,你可以通过关闭代理的方式来解决这个问题
最后,祝小伙伴们能够愉快的完成整个配置过程,并快乐地使用iPhone进行真机调试~~