- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想可视化实时传感器数据(流数据)。为此我使用了 node.js、html 和 mysql。 Mysql用于存储实时传感器数据,index.html实现google chart doPoll app.js文件,app.js文件提供与mysql的连接。我能够可视化来自同一系统的数据,但是当我输入 url(公共(public) IP)时,Chrome 显示“无法加载源:net::ERR_CONNECTION_REFUSED”并且 firefox 显示“跨源请求被阻止:同源策略不允许读取位于 http://localhost:8686/temperatureData 的远程资源。(原因:CORS 请求失败)。”我已经从路由器转发了端口 8686。但是我能够使用来自远程系统的两个浏览器以 json 格式查看数据。app.js 的代码如下:
/**
* */
var http = require('http');
var fs = require('fs');
var port = 8686;
var i=0;
var j=0;
function randomInt(low, high) {
return Math.floor(Math.random() * (high - low) + low);
}
// 404 response
function send404Response(response){
response.writeHead(404,{"Content-Type": "text/plain" });
response.write("Error 404: Page not found");
response.end();
}
// handle the user request..
http.createServer(function(req, res) {
console.log('New incoming client request for ' + req.url);
res.writeHeader(200, {
'Content-Type' : 'application/json'
});
switch (req.url) {
case '/temperatureData':
var mysql=require('mysql');
var connection=mysql.createConnection({
host:'localhost',
user:'root',
password:'root',
database:'feedback',
port:3306
});
var query=connection.query(
// make sure with table name
'SELECT * FROM DEMO2',function(err,result,fields){
if(err) throw err;
//res.write('{"value" :' + result[i].tempvalue + ',"value1":' + result[i].value + '}');
// make sure with tabel fieldname (ex-tempvalue) ok
// side by side open mysql
res.write('{"value" :' + result[i].tempvalue + '}');
//res.write('{"value1":' + result[i].value + '}');
console.log('Temperature:', result[i].tempvalue );
i++;
res.end();
connection.end();
});
break;
case '/temperature':
res.writeHead(200, 'text/html');
var fileStream = fs.createReadStream('index.html');
fileStream.pipe(res);
break;
default:
send404Response(res);
}
}).listen(port);
console.log('Server listening on http://localhost:' + port);
Index.html 文件的代码如下所示:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript"
src="https://www.google.com/jsapi?autoload={
'modules':[{
'name':'visualization',
'version':'1',
'packages':['corechart']
}]
}">
</script>
</head>
<body>
<div id="chart" style="width: 1500px; height: 700px"></div>
<script>
$(document).ready(function () {
var maxDataPoints = 10;
var chart = new google.visualization.LineChart($('#chart')[0]);
var data = google.visualization.arrayToDataTable([
['Time', 'Temperature'],
[getTime(), 0]
]);
var options = {
title: 'Temperature',
hAxis: {title: 'Time', titleTextStyle: {color: '#333'}}, //Added hAxis and vAxis label
vAxis: {title: 'TempValue', minValue: 0, titleTextStyle: {color: '#333'}},
curveType: 'function',
animation: {
duration: 1000,
easing: 'in'
},
legend: {position: 'bottom'}
};
function addDataPoint(dataPoint) {
if (data.getNumberOfRows() > maxDataPoints) {
data.removeRow(0);
}
data.addRow([getTime(), dataPoint.value]);
chart.draw(data, options);
}
function getTime() {
var d = new Date();
return d.toLocaleTimeString();
}
function doPoll() {
$.getJSON('http://localhost:8686/temperatureData',
function (result) {
addDataPoint(result);
setTimeout(doPoll, 10000);
});
}
doPoll();
});
</script>
</body>
</html>
我应该怎么做才能提供远程可视化?我想在移动和桌面/笔记本电脑浏览器中提供远程可视化。
最佳答案
Saurabh 只需按照以下步骤操作:
1) 在运行 Microsoft Dynamics NAV Web Server 组件的计算机上,在“开始”菜单上选择“控制面板”,选择“系统和安全”,然后选择“Windows 防火墙”。2) 在导航 Pane 中,选择高级设置。
3) 在“Windows 防火墙高级设置”窗口的导航 Pane 中,选择“入站规则”,然后在“操作” Pane 中选择“新建规则”。
4) 在规则类型页面上,选择端口,然后选择下一步按钮。
5) 在协议(protocol)和端口页面上,选择特定本地端口,然后输入端口号。例如,为 Microsoft Dynamics NAV Web 客户端的默认端口输入 8080。选择“下一步”按钮。
6) 在“操作”页面上,选择“允许连接”,然后选择“下一步”按钮。
7) 在配置文件页面上,选择配置文件,然后选择下一步按钮。
8) 在“名称”页面上,键入规则的名称,然后选择“完成”按钮。
完成上述步骤后,通过路由器进行端口转发。
享受
关于html - 来自远程系统的实时可视化(OutSide LAN),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32994479/
我有问题如何在 Go 中打印变量 for,in outside for,in outside for?我正在使用库 GJSON gjson 我尝试了很多方法,我只是输入了全局变量但只是出现了最终索引,
loadJSON(path, callback) { console.log("path: " + path); var xobj = new XMLHttpRequest();
假设我有一个常规的简单 Java 类,例如: public class Foo { private int data; public int getData() { r
如何仅在可能跨越多行的任意长度的文本上实现外边框,必须是响应式的。 寻找类似于下图的样式。 这是我迄今为止尝试过的方法,在顶部边框和对屏幕尺寸的响应能力以及使用各种字体大小(我所拥有的最好的字体大小)
我有一个文本,它是一个 html 文本,我不知道里面有什么(实际上它就像一个文本博客)。 我想做的是用一个带有适当 CSS 的 div 将它括起来,这样我可以确定这个文本中的任何内容(尤其是太大的图片
我正在尝试运行一个并行循环(免责声明:我是并行处理的新手,这可能是一个非常愚蠢的问题)。本质上,我希望能够在并行函数中启动和终止循环,并且能够不时地检查其状态。 我尝试编写一个非常基本的示例(见下文)
我得到了一系列非负整数。 43 18 5 67 1 72 16 17 15 93 38 6 83 10 49 98 7 47 61 52 71 79 82 52 8 我需要将它存储在 Outside-
我有问题。 我想在每个带有“.shadowed”类的图像下添加一个 shadow.jpg 图像。 所以: .shadowed { border: solid 1px #fff; mar
我写了这个CSS: div { width: 500px; height:150px; margin-left:150px; background: lightblue; } div:
我有一种情况,我需要根据对象的日期来验证嵌套对象的日期范围。 因此,假设我有一个名为: Course{ Date date Teacher teacher } Teacher{ Date effect
在 JavaScript 中,我有一个对象数组和一个输入值,如下所示: const inputVal = 'foo'; const objArray = [ {title: 'blahaa',
我想可视化实时传感器数据(流数据)。为此我使用了 node.js、html 和 mysql。 Mysql用于存储实时传感器数据,index.html实现google chart doPoll app.
我有以下代码。有两个枚举。一个有 16 个值 (A_) 和另一个有 15 个值 (A1_)。 #include typedef enum { A_0 = 0, A_1,
我假设这样写对吗 auto && x = ...; 在 for 范围的 for (...) 部分之外几乎没有任何意义,因为如果右侧确实是右值,它通常会停止存在于分号和然后 x 指的是已经被破坏的东西。
list-style-position 时是否无法调整背景图像?是outside ? 示例: li {list-style:decimal;background:url(images/bg-li.pn
我刚刚开始尝试使用 css 中的 shape-outside 属性,但无论我浏览了多少文档或博客,我都无法使其正常工作。我可能犯了一个愚蠢的错误,但我不确定。谁能指出错误? #q { backgr
我是 css 网格的新手 我尝试从附加的图像中实现布局,其中 ONE 元素 DIV 4 比网格布局宽。我尽量避免在 DIV 4 之前关闭 grid-div,然后在 DIV 4 之后再次重新打开网格,这
查看此 code-pen : * { min-height: 100% } #image-sculptor { display: block; height: 321px; width
我想更改字体并加粗 div.main2 之外的元素, 但将元素保留在 div.main2 中不受影响。 我尝试使用 :not(.main2)和 strong *:not(.main2)但逻辑似乎不对
我有一个小设计问题,我似乎无法理解。也许我可以在这里找到一些有创造力的人,他们可以为我指明方向——我相信我现在有创造力障碍:( 在我解释之前,请看下面的例子。这让事情变得更容易: http://jsf
我是一名优秀的程序员,十分优秀!