今天看啥  ›  专栏  ›  3033

从0开始做一个商城项目(charles准备)

3033  · 掘金  ·  · 2017-12-14 00:35

###开篇 最近想着手做一个商城类的项目,由于时间原因我们可能并不能全部仿写的很完善,但是商城相关主要的内容,基本会有一个包括,当做练手吧。这篇文章主要是为项目开始的接口做的准备工作。青花瓷的安装,破解,以及使用,以及软件内部资源的获取。 ####获取青花瓷软件 官方下载地址,进入页面显示如下界面选择我们需要的进行安装

青花瓷官网
下载之后进行安装这里就不做介绍了,安装结束点击About Charles 会显示如下界面

试用时间提示
这款软件是收费的,如果我们要继续试用需要进行购买,既然这样,我们就来破解他吧。 下载一个破解好的charles.jar 文件提取码:mhz8,然后对文件中的charles.jar文件进行替换,步骤为:显示包内容->Contents -> Java 将文件中的内容进行替换,这样我们再去查看可以看到如下界面

破解后截图
####使用 软件已经破解完毕,现在我们就使用我们下载的青花瓷来抓一个软件的数据接口吧。这里我们只是单纯的用作练习使用,如有侵权问题请及时联系作者会及时进行删除,所以这里就不公布仿那个软件了。 #####抓包 首先我们打开我们电脑的设置,查看我们自己电脑的IP地址,比如我的设置界面如下:

网络.png
这里看到我的电脑上的IP地址为:192.168.0.100 连接的网络名称为:dlink 我们手机设备也连接同一个网络设置如下:

手机端设置.jpg
服务器填写电脑的IP,端口填写8888设置即可。 我们打开我们选择的软件进行网络操作,为了确保成功我们要安装拦截https端口的描述文件,具体操作方法推荐看这个博客Mac上的抓包工具Charles.描述证书的下载地址。 这里我们抓的并不是https接口,用过如图观察,我们找到一个疑似接口,如下图
接口1
接口并未采取加密,我们简单的看到了一部分商品信息,根据经验他应该就是我们要找的了,我们通过在线试图查看如下。

json试图
通过试图我们可以看到,熟悉的样式,没错我们成功找到了他的首页数据接口。 同样的方法找到详情页的接口,本以为详情页是H5页面写的,没想到这么凶残的竟然是全代码布局的界面,好吧,看来为了减少工作量我们的仿写计划要改动一下了。 #####软件内部资源的获取 我们取得了接口,下一步要做的就是怎么获得他的图片等相关内容,然后显示包内容来获取软件内的资源 ####后记 文中主要说了青花瓷的下载和用法,主要为软件制作前的准备工作,篇文章会主要说明项目的内容。




原文地址:访问原文地址
快照地址: 访问文章快照