欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于PHP實(shí)現(xiàn)微博熱搜實(shí)時(shí)監(jiān)控平臺(tái)

 更新時(shí)間：2022年06月18日 11:31:02   作者：PHP開源社區(qū)  
在學(xué)習(xí)、“脫發(fā)”之余，便是去微博看看有沒有發(fā)生什么有趣的事情，或是了解一下正在發(fā)生著哪些“大事”，亦或是某些讓我久久不能平復(fù)的事…本文將用PHP實(shí)現(xiàn)微博熱搜實(shí)時(shí)監(jiān)控平臺(tái)，需要的可以參考一下

背景

在學(xué)習(xí)、“脫發(fā)”之余，便是去微博看看有沒有發(fā)生什么有趣的事情，或是了解一下正在發(fā)生著哪些“大事”，亦或是某些讓我久久不能平復(fù)的事…
Whatever~ 因?yàn)橹攸c(diǎn)并不是這個(gè)

重點(diǎn)是，當(dāng)我去搜微博熱搜的時(shí)候，是這樣的：

界面需要一直手動(dòng)刷新，而且我簡單搜了一下，似乎是沒有相關(guān)的實(shí)時(shí)統(tǒng)計(jì)圖的，于是我嘗試著自己寫一個(gè)。
(ps.要是有哪位大佬知道有現(xiàn)成的歡迎留言哦，定將感激涕零~)

一、整體思路

一個(gè)簡單的想法在我嬸嬸的腦海里浮現(xiàn)了出來：首先搜集數(shù)據(jù)，然后通過一個(gè)web頁面來進(jìn)行統(tǒng)計(jì)展示。

對(duì)于搜集數(shù)據(jù)當(dāng)然是寫個(gè)爬蟲就好了，首先腦里閃過的是用python，但是人總是喜歡嘗試下新東西，于是我選擇試試用PHP來寫爬蟲。所以，大體框架便出來了：

二、數(shù)據(jù)爬取

1.獲取HTML

PHP爬取微博熱搜頁面，得到HTML源碼：

function getUrlContent($url){//通過url獲取html內(nèi)容
    $ch = curl_init();
    curl_setopt($ch,CURLOPT_URL,$url);
    curl_setopt($ch,CURLOPT_USERAGENT,"Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1 )");
    curl_setopt($ch,CURLOPT_HEADER,1);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
    $output = curl_exec($ch);
    curl_close($ch);
    return $output;
 }

當(dāng)然，也可以直接用file_get_contents等方法。

2.提取數(shù)據(jù)

通過正則等方式，將HTML中的table標(biāo)簽提取出來，并轉(zhuǎn)換為Array類型：

function getTable($html) {
  preg_match_all("/<table>[\s\S]*?<\/table>/i",$html,$table);
  $table = $table[0][0];
    $table = preg_replace("'<table[^>]*?>'si","",$table);
    $table = preg_replace("'<tr[^>]*?>'si","",$table);
    $table = preg_replace("'<td[^>]*?>'si","",$table);
    $table = str_replace("</tr>","{tr}",$table);
    $table = str_replace("</td>","{td}",$table);
    //去掉 HTML 標(biāo)記
    $table = preg_replace("'<[/!]*?[^<>]*?>'si","",$table);
    //去掉空白字符
    $table = preg_replace("'([rn])[s]+'","",$table);
    $table = str_replace(" ","",$table);
    $table = str_replace(" ","",$table);
    $table = explode('{tr}', $table);
    array_pop($table);
    foreach ($table as $key=>$tr) {
      // 自己可添加對(duì)應(yīng)的替換
      $tr = str_replace("\n\n","",$tr);
        $td = explode('{td}', $tr);
        array_pop($td);
        $td_array[] = $td;
    }
    return $td_array;
}

3.返回?cái)?shù)據(jù)

爬取整理數(shù)據(jù)并返回以便前端調(diào)用：

$html = getUrlContent("https://s.weibo.com/top/summary?Refer=top_hot&topnav=1&wvr=6");
$table = getTable($html);
$table = array_slice($table,2); # 把前面多余部分截掉
echo json_encode($table);

至此，可將以上代碼整合為一個(gè)php文件，設(shè)名為“weibo.php”，以待前端通過ajax的方式調(diào)用。

三、數(shù)據(jù)可視化

實(shí)不相瞞：前端咱不行，但四處搬磚、東拼西湊還是比較拿手的~ 現(xiàn)學(xué)了echarts.js，再看看網(wǎng)上前輩大佬們的演示，最終還是“湊”了出來。

1.畫柱狀圖

利用echarts.js在畫布上畫出統(tǒng)計(jì)的柱狀圖：

function CreateBar(keywords,value){
  //初始化echarts實(shí)例
    var myChart = echarts.init(document.getElementById('chartmain'));
    myChart.on('click',function(param){
    window.open('#');
  });
  //指定圖標(biāo)的配置和數(shù)據(jù)
    var option = {
        title:{
            text:''
        },
        tooltip:{},
        grid:{
          top:"15%",
          left:"16%",
          bottom:"5%"
        },
        legend:{
            data:['熱搜詞']
        },
        xAxis:{
        },
        yAxis:{
          data:keywords
        },
        series:[{
            name:'搜索量',
            type:'bar',
            itemStyle: {
                normal: {
                    color: '#ff9406'
                }
          },
            data:value
        }]
    };
    myChart.setOption(option);
}

這里需要兩個(gè)參數(shù)（兩個(gè)Array），即熱搜詞和搜索量，而它們得通過ajax的方式向后端發(fā)送請(qǐng)求獲取。

2.ajax請(qǐng)求數(shù)據(jù)

通過ajax的方式向后端發(fā)起請(qǐng)求（即之前提到的weibo.php），以獲得數(shù)據(jù):

function GetData(){
  $.ajax({
    type: "post",        //數(shù)據(jù)提交方式（post/get）
    url: "weibo.php",    //提交到的url
    dataType: "json",    //返回的數(shù)據(jù)類型格式
    
    success: function(msg){
      //返回成功的回調(diào)函數(shù)
      if(msg!=''){
        var data = eval(msg); //將返回的json數(shù)據(jù)進(jìn)行解析，并賦給data
        var keywords = [];
        var value = [];
        for(var i=0; i < 20; i++){ // 取TOP20
          keywords.push(data[i][1].split('\n')[0]);
          value.push(Number(data[i][1].split('\n')[1]));
        }
        CreateBar(keywords.reverse(),value.reverse());
        setInterval("GetData()",10000); // 間隔10S
       }
      },
      error:function(msg){
        //返回失敗的回調(diào)函數(shù)
        console.log(msg);
        setInterval("GetData()",30000); // 間隔30S
      }
  });
}

注：這里用了**setInterval()**的方法來實(shí)現(xiàn)定時(shí)發(fā)送異步請(qǐng)求，以實(shí)現(xiàn)實(shí)時(shí)監(jiān)控。

四、效果展示

經(jīng)過不懈的嘗試和修改，最后達(dá)到了一個(gè)還算比較滿意的效果，大概就是這個(gè)樣子啦：

寫在最后

實(shí)現(xiàn)這個(gè)目標(biāo)，還有一種思路：先用腳本（如python）獲取數(shù)據(jù)并存入數(shù)據(jù)庫，然后再通過讀取數(shù)據(jù)庫來進(jìn)行數(shù)據(jù)展示，這樣也許更加靈活而且在搜集到一定量的數(shù)據(jù)后還能嘗試更多有趣的統(tǒng)計(jì)分析。

以上就是基于PHP實(shí)現(xiàn)微博熱搜實(shí)時(shí)監(jiān)控平臺(tái)的詳細(xì)內(nèi)容，更多關(guān)于PHP微博熱搜監(jiān)控平臺(tái)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評(píng)論