玩转服务器
最详细的主机笔记

分享个api查看搬瓦工流量的网页代码

我们都知道搬瓦工每个月的流量是有限制的,平常在使用搬瓦工服务器的时候,如果使用太多流量就需要看一下保证流量够用。具体使用流量可以通过kiwiVM后台maincontrol来随时查看,就是每次登陆什么的有些不方便,然后发现搬瓦工后台有流量使用的api,就做了一个简单的网页,只需要简单配置,然后放到自己的网站上就可以随时查看自己本月的搬瓦工流量使用状况以及流量重置时间等数据。

搬瓦工流量查看网页脚本

在使用代码之前,首先需要到kiwiVM后台查看利用自己搬瓦工的veid和api_key,注意不要把2个泄露在网上

搬瓦工后台获取apikey和veid

找到这2个之后替换getInfo.php里面对应的veidapikey两个地方

getInfo.php

<?php
$request = "https://api.64clouds.com/v1/getServiceInfo?veid=(这里替换自己的veid)&api_key=(这里替换自己的apikey)";
$serviceInfo = file_get_contents ($request);
$array_ban = json_decode($serviceInfo);

$arr = array();
$arr['vm_type'] = $array_ban->vm_type;
$arr['data_counter'] = $array_ban->data_counter;
$arr['plan_monthly_data'] = $array_ban->plan_monthly_data;
$arr['plan_disk'] = $array_ban->plan_disk;
$arr['os'] = $array_ban->os;
$arr['plan_ram'] = $array_ban->plan_ram;
$arr['data_next_reset'] = $array_ban->data_next_reset;

$jsonobj = json_encode($arr);
echo $jsonobj;

?>

get.html

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
 <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
 <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
 <script src="http://apps.bdimg.com/libs/moment/2.8.3/moment.js"></script>
<style>
*{margin:0; padding: 0;}
</style>

</head>
<body>
<div class="container" style="margin-top:20px">
 <div class="col-md-6 col-md-offset-3">
 <table class="table table-hover table-bordered">
 <tr>
 <th>项目</th>
 <th>参数</th>
 </tr>
 <tr>
 <td>操作系统</td>
 <td id="os_system">loading...</td>
 </tr>
 <tr>
 <td>硬盘容量</td>
 <td id="plan_disk">loading...</td>
 </tr>
 <tr>
 <td>内存</td>
 <td id="plan_ram">loading...</td>
 </tr>
 <tr class="info">
 <td>已经使用的流量</td>
 <td id="used_flow">loading...</td>
 </tr>
 <tr class="info">
 <td>下次流量重置时间</td>
 <td id="next_rest">loading...</td>
 </tr>
 </table>
 </div>
</div>

<script>
$(function(){
 //把bit转换成GB
 function toGB(num){
 var bit = num,gibibyte;
 gibibyte = bit/(1024*1024*1024);
 gibibyte = gibibyte.toFixed(2) + 'GB';
 return gibibyte;
 }
 //bit转MB
 function toMB(num){
 var bit = num,MB;
 MB = parseInt(bit/(1024*1024)) + 'MB';
 return MB;
 }
 //把时间戳转换为日期格式
 function momentTime(timestamp){
 var str = moment(timestamp*1000).format('l');
 var reg = /(\d+)\/(\d+)\/(\d+)/
 return (str.replace(reg,'$3年$1月$2日'))
 }

$.ajax({
 url:'./getInfo.php',
 dataType:'json',
 type:'get',
 success:function(data){
 var used_flow = toGB(data.data_counter),
 total_flow = toGB(data.plan_monthly_data),
 os = data.os,
 plan_disk = toGB(data.plan_disk),
 plan_ram = toMB(data.plan_ram),
 next_reset = momentTime(data.data_next_reset);

$('#used_flow').text(used_flow + ' / ' + total_flow);
 $('#os_system').text(os);
 $('#plan_disk').text(plan_disk);
 $('#plan_ram').text(plan_ram);
 $('#next_rest').text(next_reset)
 },
 error:function(e){
 console.log(e);
 }
 })
})

</script>
</body>
</html>

把以上2个文件放在同一网站目录,访问get.html即可查看已经使用流量

注意这样查看10G普通套餐转cn2的流量是3倍计算的,并不是550G

 

未经允许不得转载:主机笔记 » 分享个api查看搬瓦工流量的网页代码

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    XMLHttpRequest cannot load file:///C:/Users/zhang/Desktop/bwg/getInfo.php. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

    这个报错是咋回事…..

    incheon7个月前 (01-24)回复
    • 这2个文件都要放在php网站环境同一目录下并用网站路径访问,直接打开文件的不能用的

      admin7个月前 (01-24)回复