Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Practical Internet of Things with JavaScript
  • Toc
  • feedback
Practical Internet of Things with JavaScript

Practical Internet of Things with JavaScript

By : Ravulavaru
1 (1)
close
Practical Internet of Things with JavaScript

Practical Internet of Things with JavaScript

1 (1)
By: Ravulavaru

Overview of this book

In this world of technology upgrades, IoT is currently leading with its promise to make the world a more smarter and efficient place. This book will show you how to build simple IoT solutions that will help you to understand how this technology works. We would not only explore the IoT solution stack, but we will also see how to do it with the world’s most misunderstood programming language - JavaScript. Using Raspberry Pi 3 and JavaScript (ES5/ES6) as the base to build all the projects, you will begin with learning about the fundamentals of IoT and then build a standard framework for developing all the applications covered in this book. You will then move on to build a weather station with temperature, humidity and moisture sensors and further integrate Alexa with it. Further, you will build a smart wearable for understanding the concept of fall detection. You will then extend it with the 'If This Then That' (IFTTT) rules engine to send an email on fall detection. Finally, you will be working with the Raspberry Pi 3 camera module and surveillance with a bit of facial detection using Amazon Rekognition platform. At the end of the book, you will not only be able to build standalone exciting IoT applications but also learn how you can extend your projects to another level.
Table of Contents (10 chapters)
close

Updating the desktop app


Now that the web app is done, we are going to build the same and deploy it inside our desktop app.

To get started, head back to the terminal/prompt of the web-app folder and run:

ng build --env=prod

This will create a new folder inside the web-app folder named dist. The contents of the dist folder should be along the lines of:

.

├── favicon.ico

├── index.html

├── inline.bundle.js

├── inline.bundle.js.map

├── main.bundle.js

├── main.bundle.js.map

├── polyfills.bundle.js

├── polyfills.bundle.js.map

├── scripts.bundle.js

├── scripts.bundle.js.map

├── styles.bundle.js

├── styles.bundle.js.map

├── vendor.bundle.js

└── vendor.bundle.js.map

All the code we have written is finally bundled into the preceding files. We will grab all of the files (not the dist folder) present inside the dist folder and then paste them inside the desktop-app/app folder. The final structure of the desktop app after these changes will be as follows:

.

├── app

│ ├── favicon.ico

│ ├─...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete