app抓包，根据接口开发web端

原创

IT阿泽 2018-03-02 15:58:34 博主文章分类：PHP ©著作权

©著作权归作者所有：来自51CTO博客作者IT阿泽的原创作品，请联系作者获取转载授权，否则将追究法律责任

平时喜欢看某个做视频的app，最近app有bug，看着看着就会闪退，回到首页，反馈给官方，好久也不处理，于是自己抓包app的接口，直接用php开发个web版本的自己用. 首先抓包过程就不说了，我的另一篇博客有详细介绍: Charles抓包https,http 先看一下web的界面: 其实就两个页面，非常简单，下面贴一下代码，链接都去掉了，以免被坏人利用:

<?php
ini_set('date.timezone','Asia/Shanghai');
header("Content-Type:text/html;Charset=utf8");

if(isset($_GET['type'])){
	$type = $_GET['type'];
}
//判断类型
if(empty($type)){
	$url_sort = 'day';
	$type=1;
}else{
	if($type==1){
		$url_sort = $_GET['sort'];
	}else{
		$catid = $_GET['cat'];
	}
}


//json转数组方法
function toarray($url){
	$url = $url;
	$json_str = file_get_contents($url);
	$list = json_decode($json_str,true);
	return $list;
}

	//获取所有分类
	$url = "#######";
	$list = toarray($url);
	for($a=3;$a<count($list['itemList']);$a++){
		$cates[$a]['id'] = $list['itemList'][$a]['data']['id'];
		$cates[$a]['title'] = str_replace('#','',$list['itemList'][$a]['data']['title']);
	}
	// echo "<pre>";
	// print_r($cates);exit;


//排行视频
if ($type==1) {
	
	switch ($url_sort)
	{
		case "day":
		  $url = "#######";
		  break;  
		case 'week':
		  $url = "#######";
		  break;
		case 'month':
		  $url = "#######";
		  break;
		case 'zong':
			$url = "######l";
			break;
	}
	if($url_sort=='day'){
		//每日精选
		$list = toarray($url);
		for($i=1;$i<count($list['itemList']);$i++){
			if(!empty($list['itemList'][$i]['data']['content'])){
				$res_list[$i]['id'] = $list['itemList'][$i]['data']['content']['data']['id'];
				$res_list[$i]['title'] = $list['itemList'][$i]['data']['content']['data']['title'];
				$res_list[$i]['img'] = $list['itemList'][$i]['data']['content']['data']['cover']['feed'];
				$res_list[$i]['time'] = date("Y-m-d",str_replace("000","",$list['itemList'][$i]['data']['header']['time']));
				$res_list[$i]['tag']  = "";
				$tags_arr = $list['itemList'][$i]['data']['content']['data']['tags'];
				foreach ($tags_arr as $ktag => $vtag) {
					$res_list[$i]['tag'] .= $vtag['name']." "; 
				}
			}
			
		}

	}else{
		//周，月，总排行
		$list = toarray($url);
		for($i=0;$i<count($list['itemList']);$i++){
				$res_list[$i]['id'] = $list['itemList'][$i]['data']['id'];
				$res_list[$i]['title'] = $list['itemList'][$i]['data']['title'];
				$res_list[$i]['img'] = $list['itemList'][$i]['data']['cover']['feed'];
				$res_list[$i]['time'] = date("Y-m-d",str_replace("000","",$list['itemList'][$i]['data']['releaseTime']));
				$res_list[$i]['tag']  = "";
				$tags_arr = $list['itemList'][$i]['data']['tags'];
				foreach ($tags_arr as $ktag => $vtag) {
					$res_list[$i]['tag'] .= $vtag['name']." "; 
				}
			
		}
	}
	$res = $res_list;
}elseif($type==2){
	//分类
	if(empty($_GET['page'])){
		$page = 1;
	}else{
		$page = $_GET['page'];
	}
	$num = 20;
	$start = ($page-1)*$num;
	$url = "http://####?limit={$start}&num={$num}&id={$catid}";
	$list = toarray($url);
		for($i=0;$i<count($list['itemList']);$i++){
				$res_list[$i]['id'] = $list['itemList'][$i]['data']['id'];
				$res_list[$i]['title'] = $list['itemList'][$i]['data']['title'];
				$res_list[$i]['img'] = $list['itemList'][$i]['data']['cover']['feed'];
				$res_list[$i]['time'] = date("Y-m-d",str_replace("000","",$list['itemList'][$i]['data']['releaseTime']));
				$res_list[$i]['tag']  = "";
				$tags_arr = $list['itemList'][$i]['data']['tags'];
				foreach ($tags_arr as $ktag => $vtag) {
					$res_list[$i]['tag'] .= $vtag['name']." "; 
				}
			
		}
	$res = $res_list;

}else{
	die("写错了您嘞!!!");
}

include("index_extend.html");

?>

html文件代码:

<!DOCTYPE html>
<html>
<head>
	<title>web版本</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="renderer" content="webkit">
  	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  	<link rel="stylesheet" href="./layui/css/layui.css"  media="all">
  	<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
	<!--[if lt IE 9]>
	  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
	  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->   
	<style type="text/css">
		#div1{ 
			position:fixed; 
			top:0; 
			left:0; 
			bottom:0; 
			right:0; 
			z-index:-1; 
			} 
		#div1 > img { 
			height:100%; 
			width:100%; 
			border:0; 
		} 
		.one:hover{
			box-shadow: 5px 5px 5px #a6a6a6;
		}
		.layui-breadcrumb a {
		    color: #fff!important;
		    font-size: 18px
		}
		.page:hover{
			font-size:15px;
		}
	</style>
</head>
<body >
<div id="div1"><img src="bg.jpg" /></div> 

<div class="layui-row" style="width:80%;margin:30px auto" >
	 <span class="layui-breadcrumb" lay-separator="|" style="margin-left: 30px">
	 	<a rel="nofollow" href="#">视频排行:</a>
  <a rel="nofollow" href="./index.php?type=1&sort=day">日排行</a>
  <a rel="nofollow" href="./index.php?type=1&sort=week">周排行</a>
  <a rel="nofollow" href="./index.php?type=1&sort=month">月排行</a>
  <a rel="nofollow" href="./index.php?type=1&sort=zong">总排行</a>

</span>
<br/><br/>
  <span class="layui-breadcrumb" lay-separator="|" style="margin-left: 30px">
  	<a rel="nofollow" href="#">分类:</a>
    <?php foreach($cates as $kcat => $vcat){ ?>
    <a rel="nofollow" href="./index.php?type=2&cat=<?php echo $vcat['id']; ?>"><?php echo $vcat['title']; ?></a>
    <?php } ?>
</span>
</div>

<div class="layui-row" style="width:80%;margin:30px auto">

    <?php foreach($res as $k => $v){ ?>


    <div onclick="location='./detail.php?id=<?php echo $v['id'] ?>'" class="layui-col-xs12 layui-col-sm6 layui-col-md3" style="display: flex;">
      	<div class="one" style="background-color: white;width:100%;min-height: 100px;margin:10px;border-radius: 10px">
      		<div style="width:90%;height: 150px;margin:10px auto">
      			<img  width="100%" height="100%" style="border-radius: 10px" src="<?php echo $v['img']; ?>">
      		</div>
      		<div style="width:90%;min-height: 50px;margin:5px auto"><?php echo $v['title']; ?>
            <br/><?php echo $v['time']; ?>
            <br/><?php echo $v['tag']; ?>
          </div>
      	</div>
    </div>

    <?php } ?>
     
</div>
<div class="layui-row" style="width:80%;margin:30px auto;" >
	<?php 
		if(isset($_GET['page'])){?>
<a rel="nofollow" href="./index.php?type=2&cat=<?php echo $_GET['cat']; ?>&page=<?php echo $_GET['page']-1; ?>" class="page" style="width:100px;padding:10px;background-color: white;border-radius: 10px;float: left;text-align: center;">上一页</a>
		<?php }else{
		$_GET['page']=1;
	}

		?>
	<?php if($type==2){?>
	<a rel="nofollow" href="./index.php?type=2&cat=<?php echo $_GET['cat']; ?>&page=<?php echo $_GET['page']+1; ?>" class="page" style="width:100px;padding:10px;background-color: white;border-radius: 10px;float: right;text-align: center;">下一页</a>
	<?php }?>
</div>
<script src="./layui/layui.js" charset="utf-8"></script>
<script>
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
});
</script>
</body>
</html>

详情页的php代码:

<?php
ini_set('date.timezone','Asia/Shanghai');
header("Content-Type:text/html;Charset=utf8");

if(isset($_GET['id'])){
	$id = $_GET['id'];
}

//json转数组方法
function toarray($url){
	$url = $url;
	$json_str = file_get_contents($url);
	$list = json_decode($json_str,true);
	return $list;
}

$url = "http://######";
$list = toarray($url);

if(!empty($list['playInfo'][1]['urlList'][0]['url'])){
	$list['playUrl'] = $list['playInfo'][1]['urlList'][0]['url'];
}
// echo '<pre>';
// print_r($list);exit;

include("detail.html");

?>

详情页的html代码:

<!DOCTYPE html>
<html>
<head>
	<title><?php echo $list['title']; ?></title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="renderer" content="webkit">
  	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  	<link rel="stylesheet" href="./layui/css/layui.css"  media="all">
    <script type="text/javascript" src="///latest/cytron.core.js"></script>
  	<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
	<!--[if lt IE 9]>
	  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
	  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->   
	<style type="text/css">
		#div1{ 
			position:fixed; 
			top:0; 
			left:0; 
			bottom:0; 
			right:0; 
			z-index:-1; 
			} 
		#div1 > img { 
			height:100%; 
			width:100%; 
			border:0; 
		} 
	</style>
</head>
<body >
<div id="div1"><img src="bg.jpg" /></div> 

<div class="layui-row" style="width:80%;margin:30px auto">

    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12" style="display: flex;">
      	<div class="one" style="background-color: white;width:100%;min-height: 100px;margin:10px;border-radius: 10px">
      		<div style="width:90%;min-height: 50px;margin:10px auto"><h2><?php echo $list['title']; ?></h2><br/>
            <h3><?php echo $list['description']; ?></h3></div>
          <div id="parent" style="width:90%;height: 600px;margin:20px auto">
      			
      		</div>
      		
      	</div>
    </div>

    
</div>
    


<script src="./layui/layui.js" charset="utf-8"></script>
<script type="text/javascript">
        var ivaInstance = new Iva(
            'parent',//父容器id
            {
                appkey: #####',//必填，请在控制台查看应用标识
                video: "<?php echo $list['playUrl']; ?>",//必填，播放地址（例如：http://v.youku.com/v_show/id_XMTY5NDg2MzY5Ng==.html）
                title: "<?php echo $list['title']; ?>",//选填，建议填写方便后台数据统计
                cover: "<?php echo $list['coverForFeed']; ?>",//选填，视频封面url
                playerUrl: '', //选填，第三方播放器与Video++互动层的桥接文件，由Video++官方定制提供，默认为空
                videoStartPrefixSeconds: 0,//选填，跳过片头，默认为0
                videoEndPrefixSeconds: 0,//选填，跳过片尾，默认为0
                /* 以下参数可以在“控制台->项目看板->应用管理->播放器设置” >进行全局设置，前端设置可以覆盖全局设置 */
                skinSelect: 0,//选填，播放器皮肤，可选0、1、2，默认为0，
                autoplay: true,//选填，是否自动播放，默认为false
                rightHand: false,//选填，是否开启右键菜单，默认为false
                autoFormat: true,//选填，是否自动选择最高清晰度，默认为false
                bubble: false,//选填，是否开启云泡功能，默认为true
                jumpStep: 10,//选填，左右方向键快退快进的时间
                tagTrack: false,//选填，云链是否跟踪，默认为false
                tagShow: false,//选填，云链是否显示，默认为false
                tagDuration: 5,//选填，云链显示时间，默认为5秒
                tagFontSize: 16,//选填，云链文字大小，默认为16像素
                editorEnable: false, // 选填，当用户登录之后，是否允许加载编辑器，默认为true
                vorEnable: false, // 选填，是否允许加载灵悟，默认为true
                vorStartGuideEnable: false //选填， 是否启用灵悟新人引导，默认为true
            }
        );
    </script>
</body>
</html>

ok,到此结束