【教程】在PVE管理首页显示每个物理接口的实时网速

axiang117

效果如下图红框所示：




之前发了个帖子：【教程】在PVE中绑定多条宽带，使虚拟机可以通过不同的宽带出口上网
因为我家里有两条宽带，而PVE首页的网络流量图统计的是所有接口的总流量，无法直观地看到每个接口的独立流量，所以研究了一下，在首页加上了每个物理接口的网速统计信息。

注意！！！修改前一定要备份以下两个文件，如果不成功还可以恢复原貌！！！
/usr/share/perl5/PVE/API2/Nodes.pm
/usr/share/pve-manager/js/pvemanagerlib.js


PS：可能有些同学不明白具体改文件的哪一行，详细的步骤可以参考我的另一个帖子：【教程】在PVE管理首页添加CPU实时TDP功耗显示


下面以监控两个物理接口enp4s0和enp10s0为例，请务必修改为你自己需要监控的物理接口名字。如果想要监控更多接口，也可自行修改代码。
注意一下，此处展示的Total只是当前所监控的接口网速汇总，并非是整机所有接口的网速信息。


第一步：安装ifstat工具

1. apt install ifstat
   
2. # 安装完成后可以手动执行一下，看看显示信息是否正常
   
3. ifstat -iT enp4s0,enp10s0 0.1 1

复制代码

第二步，修改/usr/share/perl5/PVE/API2/Nodes.pm文件，加上如下代码块：

1. $res->{net_info} = `ifstat -iT enp4s0,enp10s0 0.1 1`;
   

复制代码

第三步，修改/usr/share/pve-manager/js/pvemanagerlib.js文件，加上如下代码块：

1.     {
   
2.         itemId: 'net_info',
   
3.         colspan: 2,
   
4.         printBar: false,
   
5.         title: gettext('网速信息[In/Out][MB/s]'),
   
6.         textField: 'net_info',
   
7.         renderer: function(value) {
   
8.             var temp = value.split(/[\n,]/g);
   
9.             var temp2 = temp[2].trim().split(/\s+/);
   
10.             var if1_recv = (parseFloat(temp2[0])/1024).toFixed(2);
    
11.             var if1_send = (parseFloat(temp2[1])/1024).toFixed(2);
    
12.             var if2_recv = (parseFloat(temp2[2])/1024).toFixed(2);
    
13.             var if2_send = (parseFloat(temp2[3])/1024).toFixed(2);
    
14.             var total_recv = (parseFloat(temp2[4])/1024).toFixed(2);
    
15.             var total_send = (parseFloat(temp2[5])/1024).toFixed(2);
    
16.             return `enp4s0: ${if1_recv} / ${if1_send} | enp10s0: ${if2_recv} / ${if2_send} | Total: ${total_recv} / ${total_send}`
    
17.         }
    
18.     },

复制代码

第四步，修改/usr/share/pve-manager/js/pvemanagerlib.js文件，增加显示栏height高度，在原有基础上增加20。



第五步，重启pveproxy服务
systemctl restart pveproxy



经过以上步骤后，在浏览器中按Ctrl+F5强制刷新一下页面，就能看到效果了

Amazing1_2

实用啊，正好我也是两条宽带接入

gasment

感谢分享

zigege0118

感谢分享

lxc_2

思考思考

596142041

感谢分享

Felix.

实用啊，正好我也是两条宽带接入

yingx

看看能不能用到

bcyyt01

KFC2008520

思考一下！！！！

dwaq

感谢分享

gary_atc

过来思考一下，感谢大神分享

Ti8631_9a

大佬，感谢分享

fybjz6868

感谢分享

scass

这个必须支持