CassECommerce真机调试指南

你需要的环境

  1. Mac电脑和iPhone手机
  2. iOS源生项目代码(CassECommerce)和RN项目代码

能看到这份文档,代码肯定是已经准备好了的咯

  1. 开发者账号

首先你得先拥有一个iOS开发者账号

其次你得把你的开发者账号加入开思的iOS开发账号的群组里面。如果你想这么做,请联系杨森大神(工号:A01012)

你跟我说你觉得这个操作麻烦又耗时,不能解燃眉之急?好吧。你也可以找一个相好的已经加入了的小伙伴把Ta的账号借给你用,有需要的请联系我(工号:A01166)。建议有需要的小伙伴不要嫌麻烦,还是申请加入才好

  1. Mac上的抓包代理工具——Charles

如果需要下载,请点这里,请下载macOS版本

如果想要破解,可以自行百度注册账号。但是大家应该抵制盗版,支持正版,从我做起如果有需要破解账号的可以联系我(工号:A01166)

配置调试环境

  • 配置开发者账号
  1. 用Xcode打开项目CassECommerce,在Accounts面板加入已经加入了开思开发者账号群组的开发者账号。

Xcode -> Preferences -> Accounts 调出Accounts面板。点击面板左下角的+,添加账号(大家都是撸代码的,具体的添加步骤自己搞定)。添加完了之后,确保有下图中所选中的一行:

  1. 配置调试证书

选中项目文件 -> TARGETS选中CassECommerce -> 面板选中General,这里你就可以配置调试证书了

勾选Automatically manage signing

Team选则Shenzhen Casstime Technologies Co., Ltd.

这个时候,你的面板上应该是像小姐姐们的漂亮脸蛋那样光洁好看的。如果你的面板上还有红色的感叹号,而你又不会解决,请你联系任何一位iOS开发大神来帮你盘它

  1. 手机连接上Xcode

先将手机连接上电脑,如果是第一次连接这台电脑,这里会有一个信任电脑的过程,需要在手机上添加信任,手机上会自己提示,跟着提示走就可以了。

之后再选择你的调试设备为你的iPhone

这里选择最上面的那个设备就对了

如果没有加载出这个设备,请你耐心等待一下,毕竟Xcode要认识一个新朋友还是需要一些时间的

  1. Command + B

按照上述步骤操作完成之后,你就可以对项目进行编译了(强烈建议使用快捷键Command + B)。
如果编译不成功,而你又不知道怎么解决的时候,请使用最有效的办法,联系任何一位iOS开发大神来帮你盘它

  1. 设置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进行真机调试~~

你可能感兴趣的:(CassECommerce真机调试指南)