Apache 我需要做什么才能让我的raspberry pi实时托管一个带有指示CPU温度、CPU负载等的拨号盘的网页?
我擅长Unix命令和脚本编写,但几乎没有web经验。我有一个脚本,可以获取我感兴趣的指标,比如CPU负载或系统温度,并每10秒更新一个文件。我想将我的iPad指向一个由我的pi托管的本地网站,该网站具有实时更新的数据图形表示Apache 我需要做什么才能让我的raspberry pi实时托管一个带有指示CPU温度、CPU负载等的拨号盘的网页?,apache,user-interface,unix,raspberry-pi,Apache,User Interface,Unix,Raspberry Pi,我擅长Unix命令和脚本编写,但几乎没有web经验。我有一个脚本,可以获取我感兴趣的指标,比如CPU负载或系统温度,并每10秒更新一个文件。我想将我的iPad指向一个由我的pi托管的本地网站,该网站具有实时更新的数据图形表示 在建立一个简单的ApacheWeb服务器之前,我已经工作过,并且可以编写HTML和JavaScript。除此之外,我迷路了,需要有人给我指出正确的方向。谢谢 我假设您的脚本是用python编写的?因为如果是这样的话,你可能想退房。它使您能够只使用几行python就可以使用w
在建立一个简单的ApacheWeb服务器之前,我已经工作过,并且可以编写HTML和JavaScript。除此之外,我迷路了,需要有人给我指出正确的方向。谢谢 我假设您的脚本是用python编写的?因为如果是这样的话,你可能想退房。它使您能够只使用几行python就可以使用web服务,我发现它非常容易使用。我假设您的脚本是用python编写的?因为如果是这样的话,你可能想退房。它使您能够只使用几行python就可以使用web服务,而且我发现它非常容易使用。由于您可以轻松地使用命令行和bash,我将安装apache/nginx/任何web服务器,并使用json命令行编码器/解析器jq将
data.json
文件格式化为json格式
在这个文件中,我会将传感器读数保存在一个json结构中,并添加一些元数据,如标题和讲座时间。代码后面的示例:
一个最小的html页面结构,一点css,用于格式化javascript检索到的数据
添加c3.js或类似的库,以快速简便的方式获取仪表或其他图形化数据呈现。我懒得一个人做这件事
功能POPOLE_仪表板(数据){
document.getElementById(“title”).innerHTML=data.title;
document.getElementById(“timestamp”).innerHTML=data.timestamp;
var target=document.getElementById(“内容”);
数据。传感器。forEach(功能(传感器){
target.innerHTML=target.innerHTML+
"" +
“”+传感器名称+“”+
“”+传感器读数+“”+
"";
});
}
/*每分钟通过ajax读取数据*/
设定间隔(
函数(){
aja().url('data.json')
.on('success',popolate_仪表板)
.go();
}
,60000/*60秒*1000*/
);代码>
div.sensor{
边框:2个实心#A6;
边界半径:0.25em;
显示:内联块;
左边距:1米;
最大宽度:8em;
宽度:8em;
}
分区传感器量程{
显示:内联块;
垫底:1米;
垫面:1米;
文本对齐:居中;
宽度:100%;
}
分区传感器量程:第n个子(2){
背景:#A6;
}
传感器读数
加载。。。
由于您可以轻松地使用命令行和bash,我将安装apache/nginx/任何web服务器,并使用json命令行编码器/解析器jq将data.json
文件格式化为json格式
在这个文件中,我会将传感器读数保存在一个json结构中,并添加一些元数据,如标题和讲座时间。代码后面的示例:
一个最小的html页面结构,一点css,用于格式化javascript检索到的数据
添加c3.js或类似的库,以快速简便的方式获取仪表或其他图形化数据呈现。我懒得一个人做这件事
功能POPOLE_仪表板(数据){
document.getElementById(“title”).innerHTML=data.title;
document.getElementById(“timestamp”).innerHTML=data.timestamp;
var target=document.getElementById(“内容”);
数据。传感器。forEach(功能(传感器){
target.innerHTML=target.innerHTML+
"" +
“”+传感器名称+“”+
“”+传感器读数+“”+
"";
});
}
/*每分钟通过ajax读取数据*/
设定间隔(
函数(){
aja().url('data.json')
.on('success',popolate_仪表板)
.go();
}
,60000/*60秒*1000*/
);代码>
div.sensor{
边框:2个实心#A6;
边界半径:0.25em;
显示:内联块;
左边距:1米;
最大宽度:8em;
宽度:8em;
}
分区传感器量程{
显示:内联块;
垫底:1米;
垫面:1米;
文本对齐:居中;
宽度:100%;
}
分区传感器量程:第n个子(2){
背景:#A6;
}
传感器读数
加载。。。
实际上,我主要使用perl编写脚本,但python不会有问题。谢谢你的提示,我会查出来的!实际上,我主要使用perl编写脚本,但python不会有问题。谢谢你的提示,我会查出来的!如果你需要更多的指导,没有人提供更详细的解决方案,我可以在下一个小时进一步发展这个想法。这似乎更符合我的编程能力,我喜欢这个想法。。。我需要一台电脑和一个稍微充电的电池来扩展这个概念。一个更充实的例子,没有保证它在第一次尝试时就可以工作,但是你应该有这个想法@jake9115非常酷,我感谢你的贡献。今天晚些时候我会尝试一下。如果你需要更多的指导,没有人提供更详细的解决方案,我可以在下个小时进一步发展这个想法。这似乎更符合我的编程能力,我喜欢这个想法。。。我需要一台电脑和一个稍微充电的电池来扩展这个概念。一个更充实的例子,没有保证它在第一次尝试时就可以工作,但是你应该有这个想法@jake9115非常酷,我感谢你的贡献。今天晚些时候我会试试这个。