由于剛畢業(yè)的窮大學(xué)生,和朋友合租了一臺服務(wù)器開了多個端口提供 ss 服務(wù),懶得配置 ss-panel,就使用了 ss-bash 來監(jiān)控不同端口的流量,但每次都要等上服務(wù)器才能看到流量使用情況,很麻煩,于是就寫了個簡單的頁面來提供 WEB 訪問。
創(chuàng)新互聯(lián)建站是專業(yè)的洪洞網(wǎng)站建設(shè)公司,洪洞接單;提供成都做網(wǎng)站、網(wǎng)站制作,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行洪洞網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!
JavaScript 版本
用 crontab 定時把流量記錄文件復(fù)制到 WEB 目錄下,寫個 JS 腳本作數(shù)據(jù)處理。
function successFunction(data) { var allRows = data.split(/\r?\n|\r/); var table = '<table class="table table-hover" >'; for (var singleRow = 0; singleRow < allRows.length; singleRow++) { if (singleRow === 0) { table += '<thead>'; table += '<tr>'; } else { table += '<tr>'; } var rowCells = allRows[singleRow].split(','); for (var rowCell = 0; rowCell < rowCells.length; rowCell++) { if (singleRow === 0) { table += '<th class="text-right">'; table += rowCells[rowCell]; table += '</th>'; } else { table += '<td class="text-right">'; table += rowCells[rowCell]; table += '</td>'; } } if (singleRow === 0) { table += '</tr>'; table += '</thead>'; table += '<tbody>'; } else { table += '</tr>'; } } table += '</tbody>'; table += '</table>'; $('body').append(table); }
首頁
<!DOCTYPE html> <html> <head> <title>Traffic</title> <script src=//cdn.bootcss.com/jquery/3.2.0/jquery.min.js></script> <link rel="external nofollow" rel="external nofollow" rel="stylesheet"> <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="test.js"></script> </head> <body> <script type="text/javascript"> var text=""; $.ajax({ url: "traffic.txt", method: "GET", success: function(data){ text = data.replace(' ', '').replace(/\t| /g, ','); successFunction(text); } }) </script> </body> </html>
PHP 版本
服務(wù)器本來就安裝了 PHP,所以用 PHP 也是很理所當(dāng)然的事情了。
<!DOCTYPE html> <html> <head> <title>Traffic</title> <script src=//cdn.bootcss.com/jquery/3.2.0/jquery.min.js></script> <link rel="external nofollow" rel="external nofollow" rel="stylesheet"> <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <?php $traffic = file_get_contents("d:\\traffic.txt"); $traffic = explode("\n", $traffic); echo "<table class='table table-hover' style='width: 50%; margin: auto;''>\n"; echo "<thead>\n"; echo "<tr>\n"; for ($i=0; $i < sizeof($traffic); $i++) { if ($i === 0) { $str = preg_replace('/ /','',$traffic[0],1); $str = preg_replace('/ /', ',', $str); $str = explode(',', $str); for ($j=0; $j < sizeof($str); $j++) { echo "<th class='text-right'>" . $str[$j] . "</th>\n"; } echo "</tr>\n"; echo "</thead>\n"; echo "<tbody>\n"; } else { $str = preg_replace('/\t/', ',', $traffic[$i]); $str = explode(',', $str); echo "<tr>\n"; for ($j=0; $j < sizeof($str); $j++) { echo "<td class='text-right'>" . $str[$j] . "</td>\n"; } echo "</tr>\n"; } } echo "</tbody>\n"; echo "</table>\n"; ?> </body> </html>
以上所述是小編給大家介紹的給ss bash 寫一個 WEB 端查看流量的頁面,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持!
名稱欄目:如何給ssbash寫一個WEB端查看流量的頁面
URL地址:http://m.newbst.com/article40/jeiheo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動態(tài)網(wǎng)站、網(wǎng)站排名、網(wǎng)站設(shè)計、標(biāo)簽優(yōu)化、定制網(wǎng)站、域名注冊
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)