OpenExpo16 slides

Transcript

1. Netbeast MAKING APPS FOR IOT IN NODE.JS
2. Hello! Fran Ríos Backend & Cloud Engineer at Netbeast since 2015 franrios
4. Is it really new?
5. Connected devices!
6. Add Bluetooth or WiFi to anything and it will be ¿smart?
7. Connected devices!
9. IoT market
10. http://iotlist.co/ Smart Home
11. Today There are a lot of smart connected objects …that don’t interact with eachother
12. Let’s connect them all
15. Netbeast's platform We stand at a differentiated position than other market players Marketplace Dashboard
16. We stand at a differentiated position than other market players
17. Dashboard
18. Soon… Other dashboard platforms We are working on android and iOS apps and a desktop dashboard
19. Open Source!
20. Community build share use Ask us for invite you to our slack community team! Forum: forum.netbeast.co
21. What do we use? Javascript Express.js Node.js
22. Javascript • Goal: to create interactive sites. • Shares many of the features of Java. • Interact with HTML and spice up websites with dynamic content.
23. Node.js Server side platform built on Google Chrome’s JavaScript Engine Node.js = Runtime Environment + JavaScript Library 1) Asynchronous 2) event driven 2) Single threaded but highly scalable
24. Hello Beasts! It's an event loop which is triggered by a request. You can try by typing node hello-world.js Then, you can access to http://localhost:8080
25. Modules A module is a set of functions and resources that is wrapped. We use npm to install locally a module that we want to use in our project. npm install MODULE_WANTED You can see the -g option for global packages when you need a global utility.
26. NPM Node Package Manager: install Node programs and manage/install dependencies. >npm install --global netbeast-cli #installing >npm install netbeast@1.0.1 #an specific version >npm info netbeast >npm ls #list installed packages
27. Callback It's the function executed when an event is triggered. For example when a task is completed. In Hello World example we've seen a callback triggered by a request.
28. Events (I) It's also known that Node.js is event oriented. It's easier to see the request event in the following example (take into account that it's a simple modification of the previous example)
29. Events (II)
30. Non-Blocking! (I) Let’s see one blocking example first: What if we had 30 large files?
31. Non-Blocking! (II) Async is the new black!
32. Exercise I Let’s have a look on a live example that shows events concept This is an exercise where you’ll use a template in order to make it work. You can find the template here: workshop/Nodejs-Fundamentals/exercise_1.js It has some instructions and tips at the end. You’ll need to have a look over: https://nodejs.org/docs/latest-v5.x/api/http.html#http_event_connection https://nodejs.org/docs/latest-v5.x/api/net.html#net_socket_remoteaddress
33. REPL terminal Very useful for quick-testing some lines in Node.js Just type: >node
34. Package.json Dependencies, test, version… Used by npm
35. Express.js It’s a web framework for Node.js • Great for building Web APIs • Nice projects built on Express.js (Ghost, MySpace, …)
36. Express.js A simple example looks like this:
37. Exercise! Write a simple Express.js app that listen 8000 port and sends: • This is path1! If you access localhost:8000/path1 • This is path2! If you access localhost:8000/path2 • 403 status if you access any other location More tips on the template: workshop/Nodejs-Fundamentals/exercise_1.js http://expressjs.com/es/api.html#res.sendStatus
38. Wanna see iot stuff!
39. Get on with it! We are going to have a look over an example app and launch it to the space!
40. Dashboard is alive Taking a walk through dashboard: $>beast start and check localhost:8000 on your browser
41. Dashboard is alive
42. App template (I) Let’s build an app template To do so, type: beast new sampleApp *Don’t worry about if it doesn’t work. It’s a symlink to bin/cli.js . Use the following command instead: bin/cli.js new sample Result This process will create a base app called “sample” We’ll explain what’s inside a sample app now.
43. App template (II) What’s inside? >cd sampleApp • server.js • express • minimist • package.json • dependencies • properties • public • front-end
44. App template (III) server.js
45. Packaging and launching Playing with the dashboard It’s necessary to compress your app before uploading it to the dashboard. You can do it with beast pkg ../sampleApp --to ../sampleApp.tar.gz and check localhost:8000 on your browser. After that we are ready to install it: beast install sampleApp.tar.gz
46. Where are the devices? Let’s connect things!
47. Get on with it! We’ll have a look over a plugin and then we’ll use a virtual bulb!
48. It’s about resources Plugin App
49. What’s a plugin? (I) It’s the key that allows you to interact with smart devices in your apps. It uses the Netbeast API. Using the netbeast-cli we can create a base plugin. Type: beast new samplePlugin –-plugin You will get the following structure: • package.json • index.js • test.js
50. What’s a plugin? (II)
51. MQTT We use MQTT for data exposition. Then, one device could access to resources exposed by other devices. For example: Your Bulbs could be triggered if a sensor detects a luminosity reduction. MQTT is a lightweight messaging protocol. It’s commonly used in IoT. Te steps are simple: 1. *Broker Connection 2. Publish/Subscribe *The broker is the “brain” of an MQTT scenario
52. MQTT We use Mosca in dashboard as a broker: - Notifications - Resources The Broker (MQTT server)
53. MQTT And also we use the mqtt npm module as a client:
54. MQTT Let’s see a live example (subscriber):
55. MQTT Let’s see a live example (publisher):
56. Wanna try with temperature?
57. MQTT You’ll connect to IP:PORT broker var client = mqtt.connect('ws://IP:PORT’) You can publish your data (MESSAGE) to a TOPIC client.publish(TOPIC, MESSAGE) Have a look on how we use MQTT:
58. MQTT Exercise Workshop/Hands-on/Level-1
59. Hands on! How can we interact with devices? beast('topic').set({ property: value }) What’s the topic, property and value? Topics: lights, music, switch power: true || false hue: 0..360 saturation: 0..100 brightness: 0..100 color:#FF13AA
60. Live Example!
61. thanks! Any questions? You can find me at: fcojriosbello@gmail.com