这个源码是两个月前编写的,其实本来还要加一些功能的,一直没时间完善。干脆直接放出来得了……

特色:壁纸种类多、自动更新,自动采集、支持多分辨率、瀑布流加载、全站 ajax!

相关原理之前就已经发过了,详见下列两篇文章:

某次在使用360极速浏览器时,发现它自带的换肤功能里头的壁纸都很漂亮,而且种类非常丰富。经过一个小小的抓包,得到了它的api接口。我们可以利用这个接口来做壁纸软件或给网站加入换背景的功能。总之怎么玩就看大家的想象力了~

自采集壁纸网站源码 CMS系统 seo第1张

360极速浏览器中的换肤功能

接口一:获取壁纸分类

  1. http://cdn.apc.360.cn/index.php?c=WallPaper&a=getAllCategoriesV2&from=360chrome  

这个接口很简单,直接请求上述网址,就可以得到 json 数据。返回的数据中有个 data 数组,其中的“name”就是获取到的壁纸分类名,“id”就是这个分类对应的ID值。

接口二:根据壁纸分类ID获取分类下壁纸图片

  1. http://wallpaper.apc.360.cn/index.php?  

  2. c=WallPaper&a=getAppsByCategory  

  3. &cid=【刚才获取到的分类ID】  

  4. &start=【从第几幅图开始(用于分页)】  

  5. &count=【每次加载的数量】&from=360chrome  

通过这个接口获取到的数据有点多,但主要要用到的只有几个。一是 data 数组中的 url 值,就是我们要获取的图片链接。它的格式类似于:

  1. http://p15.qhimg.com/bdr/__85/t0151ad4ac41239cb58.jpg  

我们可以根据它来获取这张图片的指定分辨率以及指定画质的图片,以上图为例,如果我们要获取分辨率为 1024*768 ,画质为 80 (最高为100)的图片,只需将上述链接的 “bdr/__85” 替换为 “bdm/1024_768_80” 即可。替换后的图片链接如下:

  1. http://p19.qhimg.com/bdm/1024_768_80/t0151ad4ac41239cb58.jpg  

(注:有些图片如果原图本身就小,不会被拉伸)

除去 url 值,data 数组中的 tag 是图片对应的标签,如果需要也可以进行获取。

接口三:获取最近更新的壁纸

  1. http://wallpaper.apc.360.cn/index.php?c=WallPaper&a=getAppsByOrder&order=create_time&start=【偏移量,从0开始】&count=【加载张数】&from=360chrome  

这个接口的参数是固定的,并且获取到的数据格式与接口二的一样。这里就不在赘述了。

我把这些接口以及前段时间的必应每日图片接口整合在了一起,花了几天时间做了个壁纸下载站:

感觉完全可以媲美那些专业的壁纸网站了 自采集壁纸网站源码 CMS系统 seo第2张

Bing搜索的首页每天都会推送一张很漂亮的图片,把它保存下来,当做电脑桌面或是自己的网站背景图还不是美滋滋…… 自采集壁纸网站源码 CMS系统 seo第3张

自采集壁纸网站源码 CMS系统 seo第4张

今天的bing图片是这样的

既然要抓取这张图片,首先就得弄清这张图是从何而来的。经过对必应首页的抓包,我们可以获得首页图的获取API。它的格式是这样的:

  1. http://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1

注意,这里有几个GET参数,它们的作用分别是:

  • n,必要参数。这是输出信息的数量。比如n=1,即为1条,以此类推,至多输出8条。

  • format,非必要。返回结果的格式,不存在或者等于xml时,输出为xml格式,等于js时,输出json格式

  • idx,非必要。不存在或者等于0时,输出当天的图片,-1为已经预备用于明天显示的信息,1则为昨天的图片,以此类推,idx最多获取到前16天的图片信息

这里将n设定为1、format设定为js、idx设定为1,去发出GET请求,返回的数据是这样的:

  1. {

  2.     "images": [

  3.         {

  4.             "startdate": "20161222",

  5.             "fullstartdate": "201612221600",

  6.             "enddate": "20161223",

  7.             "url": "/az/hprichbg/rb/TheDomeEdinburgh_ZH-CN11993142817_1920x1080.jpg",

  8.             "urlbase": "/az/hprichbg/rb/TheDomeEdinburgh_ZH-CN11993142817",

  9.             "copyright": "爱丁堡一家叫做The Dome的夜店,苏格兰 (© Marty McKillop/500px)",

  10.             "copyrightlink": "http://www.bing.com/search?q=The+Dome,+Edinburgh&form=hpcapt&mkt=zh-cn",

  11.             "quiz": "/search?q=Bing+homepage+quiz&filters=WQOskey:%22HPQuiz_20161222_TheDomeEdinburgh%22&FORM=HPQUIZ",

  12.             "wp": false,

  13.             "hsh": "376393c9b49c6d8d1a6e7c2d38343105",

  14.             "drk": 1,

  15.             "top": 1,

  16.             "bot": 1,

  17.             "hs": []

  18.         }

  19.     ],

  20.     "tooltips": {

  21.         "loading": "正在加载...",

  22.         "previous": "上一个图像",

  23.         "next": "下一个图像",

  24.         "walle": "此图片不能下载用作壁纸。",

  25.         "walls": "下载今日美图。仅限用作桌面壁纸。"

  26.     }

  27. }

其中的“images”节点下的“url”值便是我们要获取的图像地址。我们把它取出来,再加上Bing的网址前缀(http://cn.bing.com)即组合成了完整的图像地址。比如说上面返回数据的完整图像地址是这样的:

  1. http://cn.bing.com/az/hprichbg/rb/TheDomeEdinburgh_ZH-CN11993142817_1920x1080.jpg

知道了背景图的获取方式,接下来就是用PHP去动态抓取了。

如果你只是单纯的想用作网页背景的话,你只需新建一个php文件,里面贴入如下代码:

  1. <?php


  2. $str = file_get_contents('http://cn.bing.com/HPImageArchive.aspx?idx=0&n=1');   //从bing获取数据


  3. if(preg_match("/<url>(.+?)<\/url>/ies",$str,$matches)){ //正则匹配抓取图片url

  4.     $imgurl='http://cn.bing.com'.$matches[1];

  5. }else{  //如果由于某些原因,没抓取到图片地址

  6.     $imgurl='http://img.infinitynewtab.com/InfinityWallpaper/2_14.jpg'; //使用默认的图像(默认图像链接可修改为自己的)

  7. }


  8. header("Location: $imgurl");    //header跳转

然后把这个php文件上传到你的服务器或者是网站空间,访问这个php应该就能看到被跳转到了Bing的图片。

使用方法:直接将那个php文件的绝对地址当做图片放进网页中即可。

比如说,如果你的这个php的地址为“http://www.myweb.cn/bing.php”,那么你在你自己的网页的css中这么写就能当背景使用了:

  1. body{

  2.     width:100%;

  3.     height:100%;

  4.     backgroundurl(http://www.myweb.cn/bing.php) no-repeat;

  5.     -moz-background-size: cover;    /*背景图片拉伸以铺满全屏*/

  6.     -ms-background-size: cover;

  7.     -webkit-background-size: cover;

  8.     background-size: cover;

  9. }

以上方法只是简单地跳转,如果想要抓取这张图片并保存到服务器呢?这里直接贴代码:

  1. <?php

  2. /**

  3.  * php抓取bing每日图片并保存到服务器

  4.  * 作者:mengkun (mkblog.cn)

  5.  * 日期:2016/12/23

  6.  */


  7. $path = 'temp';   //设置图片缓存文件夹


  8. $filename = date("Ymd") . '.jpg';  //用年月日来命名新的文件名


  9. if (!file_exists($path.'/'. $filename))    //如果文件不存在,则说明今天还没有进行缓存

  10. {

  11.     if(!file_exists($path)) //如果目录不存在

  12.     {

  13.         mkdir($path, 0777); //创建缓存目录

  14.     }


  15.     $str = file_get_contents('http://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1'); //读取必应api,获得相应数据

  16.     $str = json_decode($str,true);


  17.     $imgurl = 'http://cn.bing.com'.$str['images'][0]['url'];    //获取图片url


  18.     $img = grabImage($imgurl$path.'/'.$filename); //读取并保存图片


  19.     $handle = fopen("dat.txt""a");    //用于存放图片信息,如果不需要保存图片的相关信息,可以把下面这些去掉。

  20.     if ($handle)

  21.     {

  22.         $copyright = $str['images'][0]['copyright'];    //说明

  23.         $startdate = $str['images'][0]['startdate'];

  24.         $fullstartdate = $str['images'][0]['fullstartdate'];

  25.         $enddate = $str['images'][0]['enddate'];

  26.         $urlbase = $str['images'][0]['urlbase'];

  27.         $copyrightlink = $str['images'][0]['copyrightlink'];

  28.         $quiz = $str['images'][0]['quiz'];

  29.         $wp = $str['images'][0]['wp'];

  30.         $hsh = $str['images'][0]['hsh'];

  31.         $drk = $str['images'][0]['drk'];

  32.         $top = $str['images'][0]['top'];

  33.         $bot = $str['images'][0]['bot'];


  34.         $tempArr = array("imgurl"=>$imgurl,"copyright"=>$copyright"startdate"=>$startdate,

  35.         "fullstartdate"=>$fullstartdate"enddate"=> $enddate"urlbase"=>$urlbase,

  36.         "copyrightlink"=> $copyrightlink"quiz"=>$quiz"wp"=> $wp,

  37.         "hsh"=>$hsh,"drk"=>$drk"top"=> $top"bot"=> $bot);   //将相关信息放进数组中


  38.         fwrite($handle, json_encode($tempArr) ."\r\n"); //最终以json格式保存在文本文档中

  39.         fclose($handle);

  40.     }



  41. }


  42. /**

  43.  * 远程抓取图片并保存

  44.  * @param $url 图片url

  45.  * @param $filename 保存名称和路径

  46.  */

  47. function grabImage($url$filename = "")

  48. {

  49.     if($url == ""return false; //如果$url地址为空,直接退出


  50.     if ($filename == ""//如果没有指定新的文件名

  51.     {

  52.         $ext = strrchr($url".");  //得到$url的图片格式

  53.         $filename = date("Ymd") . $ext;  //用天月面时分秒来命名新的文件名

  54.     }

  55.     ob_start();         //打开输出

  56.     readfile($url);     //输出图片文件

  57.     $img = ob_get_contents();   //得到浏览器输出

  58.     ob_end_clean();             //清除输出并关闭

  59.     $size = strlen($img);       //得到图片大小

  60.     $fp2 = @fopen($filename"a");

  61.     fwrite($fp2$img);         //向当前目录写入图片文件,并重新命名

  62.     fclose($fp2);

  63.     return $filename;           //返回新的文件名

  64. }

这样,如果这个php被访问,它就会自动启动抓取并保存。你可以用阿里云监控或其他类型的网站监控服务来实现每天自动运行这个php。

我这里挂在服务器上测试了一下,已经成功运行了三天:

https://github.com/mengkunsoft/wallpaper