Wizualizowanie danych czujników w czasie rzeczywistym z centrum Azure IoT Hub w aplikacji internetowejVisualize real-time sensor data from your Azure IoT hub in a web application

Diagram end-to-end

Uwaga

Przed rozpoczęciem tego samouczka ukończ samouczek symulatora online urządzenia Raspberry Pi lub jeden z samouczków urządzenia.Before you start this tutorial, complete the Raspberry Pi online simulator tutorial or one of the device tutorials. Na przykład możesz przejść do urządzenia Raspberry Pi z node.jslub do jednego z przewodników Szybki start Wysyłanie telemetrii.For example, you can go to Raspberry Pi with node.js or to one of the Send telemetry quickstarts. W tych artykułach skonfigurujemy urządzenie usługi Azure IoT i centrum IoT Hub oraz wdrożymy przykładową aplikację do uruchomienia na urządzeniu.In these articles, you set up your Azure IoT device and IoT hub, and you deploy a sample application to run on your device. Aplikacja wysyła zebrane dane czujników do centrum IoT.The application sends collected sensor data to your IoT hub.

Z tego artykułu dowiesz się, jak wizualizować dane czujników w czasie rzeczywistym odbierane przez centrum IoT przy użyciu aplikacji internetowej node.js działającej na komputerze lokalnym.In this article, you learn how to visualize real-time sensor data that your IoT hub receives with a node.js web app running on your local computer. Po uruchomieniu aplikacji internetowej lokalnie możesz opcjonalnie wykonać kroki, aby hostować aplikację internetową w Azure App Service.After running the web app locally, you can optionally follow steps to host the web app in Azure App Service. Jeśli chcesz spróbować zwizualizować dane w centrum IoT hub przy użyciu usługi Power BI, zobacz Używanie usługi Power BI dowizualizacji danych czujników w czasie rzeczywistym z Azure IoT Hub .If you want to try to visualize the data in your IoT hub by using Power BI, see Use Power BI to visualize real-time sensor data from Azure IoT Hub.

Wymagania wstępnePrerequisites

  • Ukończ samouczek dotyczący symulatora online urządzenia Raspberry Pi lub jeden z samouczków urządzenia.Complete the Raspberry Pi online simulator tutorial or one of the device tutorials. Na przykład możesz przejść do urządzenia Raspberry Pi z node.jslub do jednego z przewodników Szybki start Wysyłanie danych telemetrycznych.For example, you can go to Raspberry Pi with node.js or to one of the Send telemetry quickstarts. Te artykuły obejmują następujące wymagania:These articles cover the following requirements:

    • Aktywna subskrypcja platformy AzureAn active Azure subscription
    • Centrum IoT w ramach subskrypcjiAn Iot hub under your subscription
    • Aplikacja klienca, która wysyła komunikaty do centrum IoTA client application that sends messages to your Iot hub
  • Pobierz oprogramowanie GitDownload Git

  • W krokach w tym artykule założono, że jest to maszyna dewelopera z systemem Windows. Można jednak łatwo wykonać te kroki w systemie Linux w preferowanej powłoki.The steps in this article assume a Windows development machine; however, you can easily perform these steps on a Linux system in your preferred shell.

  • Użyj środowiska bash w Azure Cloud Shell.Use the Bash environment in Azure Cloud Shell.

    Uruchamianie środowiska Cloud Shell w nowym oknieLaunch Cloud Shell in a new window

  • Jeśli chcesz, zainstaluj interfejs wiersza polecenia platformy Azure, aby móc uruchamiać polecenia referencyjne interfejsu CLI.If you prefer, install the Azure CLI to run CLI reference commands.

Dodawanie grupy odbiorców do centrum IoTAdd a consumer group to your IoT hub

Grupy odbiorców zapewniają niezależne widoki strumienia zdarzeń, które umożliwiają aplikacjom i usługom platformy Azure niezależne korzystanie z danych z tego samego punktu końcowego centrum zdarzeń.Consumer groups provide independent views into the event stream that enable apps and Azure services to independently consume data from the same Event Hub endpoint. W tej sekcji dodasz grupę odbiorców do wbudowanego punktu końcowego centrum IoT, z których aplikacja internetowa będzie korzystać do odczytywania danych.In this section, you add a consumer group to your IoT hub's built-in endpoint that the web app will use to read data from.

Uruchom następujące polecenie, aby dodać grupę odbiorców do wbudowanego punktu końcowego centrum IoT:Run the following command to add a consumer group to the built-in endpoint of your IoT hub:

az iot hub consumer-group create --hub-name YourIoTHubName --name YourConsumerGroupName

Zanotuj nazwę, która będzie potrzebna w dalszej części tego samouczka.Note down the name you choose, you'll need it later in this tutorial.

Uzyskiwanie parametrów połączenia usługi dla centrum IoTGet a service connection string for your IoT hub

Centra IoT Hub są tworzone przy użyciu kilku domyślnych zasad dostępu.IoT hubs are created with several default access policies. Jedną z takich zasad są zasady usługi, które zapewniają wystarczające uprawnienia dla usługi do odczytu i zapisu punktów końcowych centrum IoT.One such policy is the service policy, which provides sufficient permissions for a service to read and write the IoT hub's endpoints. Uruchom następujące polecenie, aby uzyskać ciąg połączenia dla centrum IoT, które jest zgodne z zasadami usługi:Run the following command to get a connection string for your IoT hub that adheres to the service policy:

az iot hub show-connection-string --hub-name YourIotHub --policy-name service

Ciąg połączenia powinien wyglądać podobnie do następujących:The connection string should look similar to the following:

"HostName={YourIotHubName}.azure-devices.net;SharedAccessKeyName=service;SharedAccessKey={YourSharedAccessKey}"

Zanotuj wartości parametrów połączenia usługi. Będą potrzebne w dalszej części tego samouczka.Note down the service connection string, you'll need it later in this tutorial.

Pobieranie aplikacji internetowej z usługi GitHubDownload the web app from GitHub

Otwórz okno polecenia i wprowadź następujące polecenia, aby pobrać przykład z usługi GitHub i zmienić katalog na przykładowy:Open a command window, and enter the following commands to download the sample from GitHub and change to the sample directory:

git clone https://github.com/Azure-Samples/web-apps-node-iot-hub-data-visualization.git
cd web-apps-node-iot-hub-data-visualization

Badanie kodu aplikacji internetowejExamine the web app code

W katalogu web-apps-node-iot-hub-data-visualization otwórz aplikację internetową w ulubionym edytorze.From the web-apps-node-iot-hub-data-visualization directory, open the web app in your favorite editor. Poniżej przedstawiono strukturę plików przeglądaną w VS Code:The following shows the file structure viewed in VS Code:

Struktura pliku aplikacji internetowej

Pomiń chwilę, aby zbadać następujące pliki:Take a moment to examine the following files:

  • Server.js to skrypt po stronie usługi, który inicjuje klasę web socket i otokę centrum zdarzeń.Server.js is a service-side script that initializes the web socket and the Event Hub wrapper class. Zapewnia ona wywołanie zwrotne do klasy otoki centrum zdarzeń, która jest używana przez klasę do rozgłaszania komunikatów przychodzących do gniazda internetowego.It provides a callback to the Event Hub wrapper class that the class uses to broadcast incoming messages to the web socket.

  • Event-hub-reader.js to skrypt po stronie usługi, który łączy się z wbudowanym punktem końcowym centrum IoT przy użyciu określonych parametrów połączenia i grupy odbiorców.Event-hub-reader.js is a service-side script that connects to the IoT hub's built-in endpoint using the specified connection string and consumer group. Wyodrębnia ona wartości DeviceId i EnqueuedTimeUtc z metadanych przychodzących komunikatów, a następnie przekazuje komunikat przy użyciu metody wywołania zwrotnego zarejestrowanej przez server.js.It extracts the DeviceId and EnqueuedTimeUtc from metadata on incoming messages and then relays the message using the callback method registered by server.js.

  • Chart-device-data.js to skrypt po stronie klienta, który nasłuchuje na gnieździe internetowym, śledzi poszczególne dane DeviceId i przechowuje ostatnie 50 punktów danych przychodzących dla każdego urządzenia.Chart-device-data.js is a client-side script that listens on the web socket, keeps track of each DeviceId, and stores the last 50 points of incoming data for each device. Następnie wiąże wybrane dane urządzenia z obiektem wykresu.It then binds the selected device data to the chart object.

  • Index.html obsługuje układ interfejsu użytkownika dla strony internetowej i odwołuje się do skryptów niezbędnych dla logiki po stronie klienta.Index.html handles the UI layout for the web page and references the necessary scripts for client-side logic.

Konfigurowanie zmiennych środowiskowych dla aplikacji internetowejConfigure environment variables for the web app

Aby odczytać dane z centrum IoT Hub, aplikacja internetowa potrzebuje parametrów połączenia centrum IoT oraz nazwy grupy odbiorców, która ma zostać odczytana.To read data from your IoT hub, the web app needs your IoT hub's connection string and the name of the consumer group that it should read through. Pobiera te ciągi ze środowiska przetwarzania w następujących wierszach w server.js:It gets these strings from the process environment in the following lines in server.js:

const iotHubConnectionString = process.env.IotHubConnectionString;
const eventHubConsumerGroup = process.env.EventHubConsumerGroup;

Ustaw zmienne środowiskowe w oknie polecenia za pomocą następujących poleceń.Set the environment variables in your command window with the following commands. Zastąp wartości symboli zastępczych ciągami połączenia usługi dla centrum IoT Hub i nazwą utworzonej wcześniej grupy odbiorców.Replace the placeholder values with the service connection string for your IoT hub and the name of the consumer group you created previously. Nie przytłaczaj ciągów.Don't quote the strings.

set IotHubConnectionString=YourIoTHubConnectionString
set EventHubConsumerGroup=YourConsumerGroupName

Uruchom aplikację internetowąRun the web app

  1. Upewnij się, że urządzenie jest uruchomione i wysyła dane.Make sure that your device is running and sending data.

  2. W oknie polecenia uruchom następujące wiersze, aby pobrać i zainstalować pakiety, do których się odwoływuje, oraz uruchomić witrynę internetową:In the command window, run the following lines to download and install referenced packages and start the website:

    npm install
    npm start
    
  3. W konsoli powinny zostać wyświetlony dane wyjściowe, które wskazują, że aplikacja internetowa pomyślnie nałączono połączenie z centrum IoT i nasłuchuje na porcie 3000:You should see output in the console that indicates that the web app has successfully connected to your IoT hub and is listening on port 3000:

    Aplikacja internetowa uruchomiona w konsoli

Otwieranie strony internetowej w celu zobaczenia danych z centrum IoTOpen a web page to see data from your IoT hub

Otwórz w przeglądarce okno http://localhost:3000 .Open a browser to http://localhost:3000.

Na liście Wybierz urządzenie wybierz urządzenie, aby wyświetlić uruchomiony wykres ostatnich 50 punktów danych temperatury i wilgotności wysłanych przez urządzenie do centrum IoT.In the Select a device list, select your device to see a running plot of the last 50 temperature and humidity data points sent by the device to your IoT hub.

Strona aplikacji internetowej przedstawiająca temperaturę i wilgotność w czasie rzeczywistym

W konsoli powinny być również wyświetlane dane wyjściowe, które pokazują komunikaty, które aplikacja internetowa emituje do klienta przeglądarki:You should also see output in the console that shows the messages that your web app is broadcasting to the browser client:

Dane wyjściowe emisji aplikacji internetowej w konsoli

Hostuj aplikację internetową w App ServiceHost the web app in App Service

Ta Web Apps usługi Azure App Service udostępnia platformę jako usługę (PAAS) do hostowania aplikacji internetowych.The Web Apps feature of Azure App Service provides a platform as a service (PAAS) for hosting web applications. Aplikacje internetowe hostowane w usłudze Azure App Service mogą korzystać z zaawansowanych funkcji platformy Azure, takich jak dodatkowe zabezpieczenia, równoważenie obciążenia i skalowalność, a także rozwiązania DevOps platformy Azure i partnerów, takie jak ciągłe wdrażanie, zarządzanie pakietami itp.Web applications hosted in Azure App Service can benefit from powerful Azure features like additional security, load balancing, and scalability as well as Azure and partner DevOps solutions like continuous deployment, package management, and so on. Azure App Service obsługuje aplikacje internetowe opracowane w wielu popularnych językach i wdrożone w infrastrukturze systemu Windows lub Linux.Azure App Service supports web applications developed in many popular languages and deployed on Windows or Linux infrastructure.

W tej sekcji aprowizujesz aplikację internetową w usłudze App Service i wdrażasz w nim kod przy użyciu poleceń interfejsu wiersza polecenia platformy Azure.In this section, you provision a web app in App Service and deploy your code to it by using Azure CLI commands. Szczegółowe informacje o poleceniach używanych w dokumentacji polecenia az webapp.You can find details of the commands used in the az webapp documentation. Przed rozpoczęciem upewnij się, że zostały wykonane kroki dodawania grupy zasobów do centrum IoT,pobierania parametrów połączenia usługi dla centrum IoT ipobierania aplikacji internetowej z usługi GitHub.Before starting, make sure you've completed the steps to add a resource group to your IoT hub, get a service connection string for your IoT hub, and download the web app from GitHub.

  1. Plan App Service definiuje zestaw zasobów obliczeniowych dla aplikacji hostowanej w App Service do uruchomienia.An App Service plan defines a set of compute resources for an app hosted in App Service to run. W tym samouczku używamy warstwy Deweloper/Bezpłatna do hostacji aplikacji internetowej.In this tutorial, we use the Developer/Free tier to host the web app. W warstwie Bezpłatna aplikacja internetowa działa w udostępnionych zasobach systemu Windows z innymi App Service, w tym aplikacjami innych klientów.With the Free tier, your web app runs on shared Windows resources with other App Service apps, including apps of other customers. Platforma Azure oferuje również App Service wdrażania aplikacji internetowych w zasobach obliczeniowych systemu Linux.Azure also offers App Service plans to deploy web apps on Linux compute resources. Możesz pominąć ten krok, jeśli masz już App Service planu, którego chcesz użyć.You can skip this step if you already have an App Service plan that you want to use.

    Aby utworzyć plan App Service w warstwie Bezpłatna systemu Windows, uruchom następujące polecenie.To create an App Service plan using the Windows free tier, run the following command. Użyj tej samej grupy zasobów, w których znajduje się centrum IoT.Use the same resource group your IoT hub is in. Nazwa planu usługi może zawierać wielkie i małe litery, cyfry i łączniki.Your service plan name can contain upper and lower case letters, numbers, and hyphens.

    az appservice plan create --name <app service plan name> --resource-group <your resource group name> --sku FREE
    
  2. Teraz aprowizuj aplikację internetową w planie App Service aplikacji.Now provision a web app in your App Service plan. Parametr umożliwia przekazywany i wdrażany kod aplikacji internetowej z repozytorium --deployment-local-git Git na komputerze lokalnym.The --deployment-local-git parameter enables the web app code to be uploaded and deployed from a Git repository on your local machine. Nazwa aplikacji internetowej musi być globalnie unikatowa i może zawierać wielkie i małe litery, cyfry i łączniki.Your web app name must be globally unique and can contain upper and lower case letters, numbers, and hyphens. Upewnij się, że parametr Node jest w wersji 10.6 lub nowszej, w zależności od wersji --runtime Node.js uruchomieniowego.Be sure to specify Node version 10.6 or later for the --runtime parameter, depending on the version of the Node.js runtime you are using. Aby uzyskać listę obsługiwanych środowisk uruchomieniowych, możesz az webapp list-runtimes użyć polecenia .You can use the az webapp list-runtimes command to get a list of supported runtimes.

    az webapp create -n <your web app name> -g <your resource group name> -p <your app service plan name> --runtime "node|10.6" --deployment-local-git
    
  3. Teraz dodaj ustawienia aplikacji dla zmiennych środowiskowych, które określają ciąg połączenia centrum IoT i grupę odbiorców centrum zdarzeń.Now add Application Settings for the environment variables that specify the IoT hub connection string and the Event hub consumer group. Poszczególne ustawienia są rozdzielone spacjami w -settings parametrze .Individual settings are space delimited in the -settings parameter. Użyj parametrów połączenia usługi dla centrum IoT i grupy odbiorców utworzonej wcześniej w tym samouczku.Use the service connection string for your IoT hub and the consumer group you created previously in this tutorial. Nie należy pocytować wartości.Don't quote the values.

    az webapp config appsettings set -n <your web app name> -g <your resource group name> --settings EventHubConsumerGroup=<your consumer group> IotHubConnectionString="<your IoT hub connection string>"
    
  4. Włącz protokół Web Sockets dla aplikacji internetowej i ustaw aplikację internetową tak, aby odbierała tylko żądania HTTPS (żądania HTTP są przekierowywany do protokołu HTTPS).Enable the Web Sockets protocol for the web app and set the web app to receive HTTPS requests only (HTTP requests are redirected to HTTPS).

    az webapp config set -n <your web app name> -g <your resource group name> --web-sockets-enabled true
    az webapp update -n <your web app name> -g <your resource group name> --https-only true
    
  5. Aby wdrożyć kod w App Service, użyjesz poświadczeń wdrożenia na poziomie użytkownika.To deploy the code to App Service, you'll use your user-level deployment credentials. Poświadczenia wdrożenia na poziomie użytkownika różnią się od poświadczeń platformy Azure i są używane w przypadku lokalnych wdrożeń usługi Git i protokołu FTP w aplikacji internetowej.Your user-level deployment credentials are different from your Azure credentials and are used for Git local and FTP deployments to a web app. Po ich skonfigurowaniu są one prawidłowe we wszystkich aplikacjach App Service wszystkich subskrypcjach na koncie platformy Azure.Once set, they're valid across all of your App Service apps in all subscriptions in your Azure account. Jeśli wcześniej ustawiono poświadczenia wdrożenia na poziomie użytkownika, możesz ich użyć.If you've previously set user-level deployment credentials, you can use them.

    Jeśli nie ustawiono wcześniej poświadczeń wdrożenia na poziomie użytkownika lub nie możesz zapamiętać hasła, uruchom następujące polecenie.If you haven't previously set user-level deployment credentials or you can't remember your password, run the following command. Nazwa użytkownika wdrożenia musi być unikatowa w obrębie platformy Azure i nie może zawierać symbolu " @ " dla lokalnych wypchnięć git.Your deployment user name must be unique within Azure, and it must not contain the ‘@’ symbol for local Git pushes. Po wyświetleniu monitu wprowadź i potwierdź nowe hasło.When you're prompted, enter and confirm your new password. Hasło musi mieć co najmniej osiem znaków i zawierać dwa z następujących trzech elementów: litery, cyfry i symbole.The password must be at least eight characters long, with two of the following three elements: letters, numbers, and symbols.

    az webapp deployment user set --user-name <your deployment user name>
    
  6. Pobierz adres URL usługi Git do użycia w celu wypchania kodu do App Service.Get the Git URL to use to push your code up to App Service.

    az webapp deployment source config-local-git -n <your web app name> -g <your resource group name>
    
  7. Dodaj do klonu repozytorium zdalnego, które odwołuje się do repozytorium Git aplikacji internetowej w App Service.Add a remote to your clone that references the Git repository for the web app in App Service. W <Git clone URL> przypadku pliku użyj adresu URL zwróconego w poprzednim kroku.For <Git clone URL>, use the URL returned in the previous step. Uruchom następujące polecenie w oknie polecenia.Run the following command in your command window.

    git remote add webapp <Git clone URL>
    
  8. Aby wdrożyć kod w App Service, wprowadź następujące polecenie w oknie polecenia.To deploy the code to App Service, enter the following command in your command window. Jeśli zostanie wyświetlony monit o poświadczenia, wprowadź poświadczenia wdrożenia na poziomie użytkownika utworzone w kroku 5.If you are prompted for credentials, enter the user-level deployment credentials that you created in step 5. Upewnij się, że wypychasz do głównej gałęzi App Service zdalnego.Make sure that you push to the main branch of the App Service remote.

    git push webapp main:main
    
  9. Postęp wdrażania zostanie zaktualizowany w oknie polecenia.The progress of the deployment will update in your command window. Pomyślne wdrożenie zakończy się przy użyciu wierszy podobnych do następujących danych wyjściowych:A successful deployment will end with lines similar to the following output:

    remote:
    remote: Finished successfully.
    remote: Running post deployment command(s)...
    remote: Deployment successful.
    To https://contoso-web-app-3.scm.azurewebsites.net/contoso-web-app-3.git
    6b132dd..7cbc994  main -> main
    
  10. Uruchom następujące polecenie, aby wykonać zapytanie o stan aplikacji internetowej i upewnić się, że jest uruchomiona:Run the following command to query the state of your web app and make sure it is running:

    az webapp show -n <your web app name> -g <your resource group name> --query state
    
  11. W przeglądarce przejdź do adresu https://<your web app name>.azurewebsites.net.Navigate to https://<your web app name>.azurewebsites.net in a browser. Zostanie wyświetlona strona internetowa podobna do tej, która została wyświetlona podczas lokalnego korzystania z aplikacji internetowej.A web page similar to the one you saw when you ran the web app locally displays. Przy założeniu, że urządzenie jest uruchomione i wysyła dane, powinien zostać wyświetlony uruchomiony wykres 50 najnowszych odczytów temperatury i wilgotności wysłanych przez urządzenie.Assuming that your device is running and sending data, you should see a running plot of the 50 most recent temperature and humidity readings sent by the device.

Rozwiązywanie problemówTroubleshooting

Jeśli masz problemy z tym przykładem, spróbuj wykonać kroki opisane w poniższych sekcjach.If you come across any issues with this sample, try the steps in the following sections. Jeśli nadal masz problemy, prześlij nam swoją opinię w dolnej części tego tematu.If you still have problems, send us feedback at the bottom of this topic.

Problemy z klientemClient issues

  • Jeśli urządzenie nie jest wyświetlane na liście lub żaden graf nie jest rysowany, upewnij się, że kod urządzenia jest uruchomiony na urządzeniu.If a device does not appear in the list, or no graph is being drawn, make sure the device code is running on your device.

  • W przeglądarce otwórz narzędzia deweloperskie (w wielu przeglądarkach zostanie otwarty klucz F12) i znajdź konsolę.In the browser, open the developer tools (in many browsers the F12 key will open it), and find the console. Poszukaj tam ostrzeżeń lub błędów.Look for any warnings or errors printed there.

  • Skrypt po stronie klienta można debugować w /js/chat-device-data.js.You can debug client-side script in /js/chat-device-data.js.

Problemy z lokalną witryną internetowąLocal website issues

  • Obserwuj dane wyjściowe w oknie, w którym uruchomiono węzeł, aby uzyskać dane wyjściowe konsoli.Watch the output in the window where you launched node for console output.

  • Debugowanie kodu serwera, w szczególności server.js i /scripts/event-hub-reader.js.Debug the server code, specifically server.js and /scripts/event-hub-reader.js.

Azure App Service problemówAzure App Service issues

  • W Azure Portal przejdź do swojej aplikacji internetowej.In Azure portal, go to your web app. W obszarze Monitorowanie w okienku po lewej stronie wybierz pozycję App Service dzienniki.Under Monitoring in the left pane, select App Service logs. Włącz Application Logging (System plików), ustaw poziom na Błąd, a następnie wybierz pozycję Zapisz.Turn Application Logging (File System) to on, set Level to Error, and then select Save. Następnie otwórz strumień dzienników (w obszarze Monitorowanie).Then open Log stream (under Monitoring).

  • W aplikacji internetowej w programie Azure Portal narzędzia programowe wybierz pozycję Konsola i zweryfikuj wersje węzła i narzędzia npm za pomocą node -v i npm -v .From your web app in Azure portal, under Development Tools select Console and validate node and npm versions with node -v and npm -v.

  • Jeśli zostanie wyświetlony błąd z komunikatem o nieuzysłaniu pakietu, być może kroki zostały uruchomione poza kolejnością.If you see an error about not finding a package, you may have run the steps out of order. Po wdrożeniu witryny (z usługą ) usługa App Service uruchamia program , który jest uruchamiany w oparciu o bieżącą wersję git push npm install skonfigurowanego węzła.When the site is deployed (with git push) the app service runs npm install, which runs based on the current version of node it has configured. Jeśli później zostanie to zmienione w konfiguracji, musisz wprowadzić bezsensowną zmianę w kodzie i wypchnąć go ponownie.If that is changed in configuration later, you'll need to make a meaningless change to the code and push again.

Następne krokiNext steps

Pomyślnie używasz aplikacji internetowej do wizualizacji danych czujników w czasie rzeczywistym z centrum IoT.You've successfully used your web app to visualize real-time sensor data from your IoT hub.

Inny sposób wizualizacji danych z usługi Azure IoT Hub można znaleźć w te Power BI use Power BI to visualize real-time sensor data from your IoT hub(Wizualizowanie danych czujników w czasie rzeczywistym z centrum IoT).For another way to visualize data from Azure IoT Hub, see Use Power BI to visualize real-time sensor data from your IoT hub.

Aby nadal zacząć korzystać z usługi Azure IoT Hub i zapoznać się ze wszystkimi rozszerzonymi scenariuszami IoT, zobacz następujące tematy:To continue to get started with Azure IoT Hub and to explore all extended IoT scenarios, see the following: