web-apps-node-iot-hub-data-visualization
所属分类：数据可视化
开发工具：C++
文件大小：1074KB
下载次数：0
上传日期：2018-10-26 19:29:49
上 传 者：
sh-1993
说明： web应用程序节点物联网中心数据可视化
(web-apps-node-iot-hub-data-visualization)
文件列表:
.eslintignore (28, 2018-10-27)
.eslintrc (576, 2018-10-27)
.travis.yml (315, 2018-10-27)
IoThub (0, 2018-10-27)
IoThub\iot-hub.js (1605, 2018-10-27)
LICENSE (1183, 2018-10-27)
package.json (242, 2018-10-27)
public (0, 2018-10-27)
public\cfg_measurements.json (1377, 2018-10-27)
public\cfg_sensors.json (1359, 2018-10-27)
public\cfg_sensors.json.min.json (735, 2018-10-27)
public\cfg_sensors.sh (66, 2018-10-27)
public\cfg_setup_azure.json (920, 2018-10-27)
public\cfg_setup_red.json (916, 2018-10-27)
public\functionApp (0, 2018-10-27)
public\functionApp\hometempfunction (0, 2018-10-27)
public\functionApp\hometempfunction\function.json (586, 2018-10-27)
public\functionApp\hometempfunction\index.js (425, 2018-10-27)
public\functionApp\oneDayAgo (0, 2018-10-27)
public\functionApp\oneDayAgo\functions.json (599, 2018-10-27)
public\functionApp\oneDayAgo\index.js (619, 2018-10-27)
public\functionApp\oneDayAgo\oneDayAgo.udf (72, 2018-10-27)
public\functionApp\oneHourAgo (0, 2018-10-27)
public\functionApp\oneHourAgo\function.json (619, 2018-10-27)
public\functionApp\oneHourAgo\index.js (619, 2018-10-27)
public\functionApp\oneHourAgo\oneHourAgo.udf (72, 2018-10-27)
public\index.html (2045, 2018-10-27)
public\javascripts (0, 2018-10-27)
public\javascripts\Chart.min.js (152661, 2018-10-27)
public\javascripts\index.js (28246, 2018-10-27)
public\javascripts\jquery-2.1.4.min.js (84345, 2018-10-27)
public\javascripts\moment-with-locales.min.js (322309, 2018-10-27)
public\javascripts\openweather.js (3865, 2018-10-27)
public\javascripts\pallet.min.js (23959, 2018-10-27)
public\javascripts\wunderground.js (39741, 2018-10-27)
public\sensor (0, 2018-10-27)
... ...
# web-apps-node-iot-hub-data-visualization
This repo contains code for a web application, which can read temperature & humidity data from IoT hub and show the real-time data in a line chart on the web page.
## Browser compatible
| Browser | Least Version |
| --- | --- |
| IE | 10 |
| Edge | 14 |
| Firefox | 50 |
| Chrome | 49 |
| Safari | 10 |
| Opera | 43 |
| iOS Safari | 9.3 |
| Opera Mini | ALL |
| Android Browser | 4.3 |
| Chrome for Android | 56 |
## Run a daemon application to send data to your IoT hub
You can refer the related [lesson](https://github.com/sauloalazure/web-apps-node-iot-hub-data-visualization/blob/master/#) to run an daemon application, to send data to your IoT hub.
## Add new consumer group to your event hub
Go to [Azure Portal](https://github.com/sauloalazure/web-apps-node-iot-hub-data-visualization/blob/master/https://portal.azure.com) and select your IoT hub. Click `Endpoints -> Events`, add a new consumer group and then save it.
## Deploy to Azure web application
Go to [Azure Portal](https://github.com/sauloalazure/web-apps-node-iot-hub-data-visualization/blob/master/https://portal.azure.com) to create your own Azure web app service. Then do the following setting:
* Go to `Application settings`, add key/value pairs `Azure.IoT.IoTHub.ConnectionString` and `Azure.IoT.IoTHub.ConsumerGroup` to `App settings` slot.
* Go to `Deployment options`, set `Local git repository` to deploy your web app.
* Go to `Deployment credentials`, set your deploy username and password.
* In the `Overview` page, note the `Git clone url`.
* Push the repo's code to the git repo url you note in last step.
* After the push and deploy finished, you can view the page to see the real-time data chart.
## Local deploy
* Open a console and set the following environment variable:
* `set Azure.IoT.IoTHub.ConnectionString=`
* `set Azure.IoT.IoTHub.ConsumerGroup=`
* `npm install`
* `npm start`
近期下载者：
相关文件：
收藏者：