Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/apache/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/http/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Apache 我需要做什么才能让我的raspberry pi实时托管一个带有指示CPU温度、CPU负载等的拨号盘的网页?_Apache_User Interface_Unix_Raspberry Pi - Fatal编程技术网

Apache 我需要做什么才能让我的raspberry pi实时托管一个带有指示CPU温度、CPU负载等的拨号盘的网页?

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

我擅长Unix命令和脚本编写,但几乎没有web经验。我有一个脚本,可以获取我感兴趣的指标,比如CPU负载或系统温度,并每10秒更新一个文件。我想将我的iPad指向一个由我的pi托管的本地网站,该网站具有实时更新的数据图形表示


在建立一个简单的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非常酷,我感谢你的贡献。今天晚些时候我会试试这个。