Git Product home page Git Product logo

isabella232 / iot-devkit-web-simulator Goto Github PK

View Code? Open in Web Editor NEW

This project forked from azure-samples/iot-devkit-web-simulator

0.0 0.0 0.0 19.12 MB

A web-based tool for IoT developers to experience some of our mini solutions of MXChip IoT DevKit(https://microsoft.github.io/azure-iot-developer-kit/).

License: MIT License

HTML 0.49% JavaScript 86.39% CSS 4.61% C 0.37% C++ 7.41% C# 0.73%

iot-devkit-web-simulator's Introduction

MXChip IoT DevKit Web Simulator

A browser-based simulator for you to try MXChip IoT DevKit.

Click to visit Demo page

Buy a real DevKit to develop IoT app with Microsoft Azure and Visual Studio Code.

Project - IoT Hub Get Started

Under Construction...

Project - Shake, Shake for a Tweet

The shake shake project uses the motion sensor to detect shaking and find a random tweet with a #hashtag.

Deploy your Azure Resource Manager (ARM) template

By clicking the Deploy button in the configure area, you are navigated to Azure portal to sign in your Azure account.

[!NOTE] If you don't have an Azure account, create a free Azure trial account in just a few minutes.

After you successfully sign in, you can see the ARM custom deployment page. This page is for you to choose and fill in necessary information for the custom deployment.

ARM-custom-deployment

  • Subscription: Choose the subscription you want to use.
  • Resource Group: Create a resource group to host the IoT hub or use an existing one. For more information, see Use resource groups to manage your Azure resources.
  • Location: Select the closest location to you where the IoT hub is created.
  • IoT Hub Name: Enter the name of your IoT hub. If the name you enter is valid, a green check mark appears.

Agree the terms and conditions stated in this page and click Purchase to start the deployment. It might take about three minutes to finish the deployment. You can track the progress by clicking the notification button.

ARM-deployment-success

Create an AZ3166 Device in your IoT Hub

After your deployment is finished, go to Azure portal and click All Resources and find the IoT hub you provisioned.

Find-iot-hub

Click the IoT Hub name and click the Device Explorer. In the Device Explorer pane, click Add to add a device to your IoT hub. Then do the following:

  1. Device ID: Enter AZ3166.
  2. Authentication Type: Select Symmetric Key.
  3. Auto Generate Keys: Select this check box.
  4. Connect device to IoT Hub: Click Enable.
  5. Click Save.

Creat-az3166

After the device is created, open the device in the Device Explorer pane. Copy the primary key of the connection string. You need this to fill into the DevKit simulator configuration area.

Copy-connection-string

Configure your DevKit

Paste the primary key of the connection string into the configuration area and click the save icon.

Configure-DevKit'

You can also update the #hashtag, the default value is song. Don't forget to click the sa

Run this app and shake your DevKit with your mouse.

Under Construction...

iot-devkit-web-simulator's People

Contributors

michaeljqzq avatar microsoftopensource avatar msftgits avatar peterblazejewicz avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.