平时喜欢看某个做视频的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 href="#">视频排行:</a>
<a href="./index.php?type=1&sort=day">日排行</a>
<a href="./index.php?type=1&sort=week">周排行</a>
<a href="./index.php?type=1&sort=month">月排行</a>
<a href="./index.php?type=1&sort=zong">总排行</a>
</span>
<br/><br/>
<span class="layui-breadcrumb" lay-separator="|" style="margin-left: 30px">
<a href="#">分类:</a>
<?php foreach($cates as $kcat => $vcat){ ?>
<a 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 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 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="//cytroncdn.videojj.com/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,到此结束
原文地址:http://blog.51cto.com/itafei/2079804
时间: 2024-11-08 13:36:20