Butonul IoT care vă controlează aplicația: 6 pași
Butonul IoT care vă controlează aplicația: 6 pași
Anonim
Image
Image
Pregătirea forumului pentru AppShed IoT
Pregătirea forumului pentru AppShed IoT

De appshedAppShedFollow Mai multe de către autor:

Pregătirea forumului pentru AppShed IoT
Pregătirea forumului pentru AppShed IoT
JavaScript și App Builder: Lecția 1
JavaScript și App Builder: Lecția 1
JavaScript și App Builder: Lecția 1
JavaScript și App Builder: Lecția 1
Realizarea unui joc mobil fără codificare
Realizarea unui joc mobil fără codificare
Realizarea unui joc mobil fără codificare
Realizarea unui joc mobil fără codificare

Despre: Appshed este o platformă educațională în care elevii și profesorii pot învăța App Building, Game Making și IoT / Robotics. Mai multe despre appshed »

Unul dintre lucrurile care îmi plac cel mai mult la microcontrolere este abilitatea de a le folosi ca dispozitiv de intrare, de exemplu, Arduino Micro poate fi folosit ca un HID (dispozitiv de interfață umană), ceea ce înseamnă că, cu unele coduri și cunoștințe, ai putea să-ți faci propria tastatură. sau mouse de la un Arduino! Asta m-a determinat să mă gândesc la utilizarea unui dispozitiv IoT ca intrare pentru a controla lucrurile dintr-o aplicație. Deci, în acest proiect, vom arunca o privire asupra modului de a crea un buton conectat la aplicație, care poate fi programat să facă aproape orice în aplicația noastră.

Pasul 1: Instalarea bibliotecilor

Pentru a încărca codul nostru, vom folosi foarte popularul IDE Arduino care poate fi descărcat de aici. Acum, pentru că vom folosi site-ul web AppShed pentru a controla și edita modul în care funcționează placa, nu trebuie să ne concentrăm asupra codului real care intră în tablă. Codul pe care îl încărcăm este schița principală AppShed care permite site-ului web să controleze toți pinii de pe tablă.

Acum, pentru a putea încărca codul pe placa noastră prin Arduino IDE, trebuie să-i instalăm biblioteca care permite IDE să vorbească cu placa noastră specifică. Acest lucru se face după cum urmează:

  • Lansați ID-ul Arduino
  • Navigați la Fișier și faceți clic pe Preferințe
  • În partea de jos, ar trebui să vedeți „adrese URL suplimentare pentru managerul de panouri”, urmate de un spațiu gol
  • Copiați și lipiți acest lucru în spațiul gol

Acum trebuie să instalăm plăcile în directorul de bord.

  • Navigați la Instrumente, apoi Board și apoi Faceți clic pe Board Manager
  • Acum, în bara de căutare, căutați ESP8266
  • Faceți clic pe prima opțiune și faceți clic pe Instalare

Acum placa noastră este capabilă să comunice cu IDE-ul Arduino

Pasul 2: Încărcarea codului

Încărcarea codului
Încărcarea codului

Deci, în acest moment, am descărcat bibliotecile necesare pentru a ajuta Arduino IDE să comunice cu placa noastră IoT și am descărcat bibliotecile care permit schița masteră AppShed să ruleze. Acum, tot ce trebuie să facem este să schimbăm numele și parola dispozitivului dvs. IoT în cod, dacă nu faceți acest lucru, numele Wi-Fi al dispozitivelor dvs. IoT va fi „Your_device_name_here”.

Pentru a face acest lucru, avem nevoie de următoarele:

  • Conectați placa IoT la computer
  • Descărcați și deschideți schița principală Appshed (care poate fi găsită aici)
  • Navigați la instrumente și faceți clic pe bord
  • Derulați în jos până când vă vedeți placa, apoi faceți clic pe ea (folosesc NodeMCU, așa că voi face clic pe NodeMCU)
  • Acum navigați înapoi la instrumente și faceți clic pe port, de aici ar trebui să vă vedeți placa (ar trebui să arate ca "com 9" dacă sunteți pe Windows și "/dev/cu.wchusbserial1410 'pentru Mac)
  • Faceți clic pe săgeata orientată lateral pentru a încărca și așteptați până când face acest lucru.

Dacă primiți un mesaj după aproximativ 2 - 3 minute spunând că ați terminat încărcarea, atunci totul a funcționat perfect! Pentru a verifica dacă placa noastră funcționează, putem alege setarea WiFi și să căutăm numele pe care l-am dat mai devreme, dacă funcționează.

Pasul 3: Configurarea aplicației

Configurarea aplicației
Configurarea aplicației
Configurarea aplicației
Configurarea aplicației
Configurarea aplicației
Configurarea aplicației

Realizarea unei aplicații care primește date de la o placă IoT externă poate părea destul de înfricoșătoare dacă nu sunteți dezvoltator de aplicații profesionist, cu toate acestea, aceasta nu este o problemă, deoarece vom folosi infostructura AppSheds pentru a crea aplicația noastră, ceea ce o face cu adevărat uşor.

Trebuie să începem mergând la AppShed și fie să ne creăm un cont gratuit, fie să ne conectăm la unul existent. De aici ar trebui să vedeți cele două opțiuni IoT Builder sau App Builder, vom începe făcând clic pe IoT Builder deoarece acest lucru ne va permite să stabilim ce pini dorim să acționeze ca ieșiri sau intrări. Odată ce pagina este încărcată, faceți clic pe New IoT Project și denumiți intrarea plăcii și faceți clic pe salvare.

Acum, deoarece vrem să setăm unul dintre pini ca intrare pentru a vedea când butonul este apăsat, trebuie să începem făcând clic pe pictograma butonului de sub Intrări digitale și apoi să facem clic pe Pinul 1 pentru a le lega împreună, apoi să îi dăm un nume de genul „ butonul și faceți clic pe salvare.

Acum ne vom îndrepta spre partea de construcție a aplicațiilor.

Pasul 4: Realizarea aplicației

Realizarea aplicației
Realizarea aplicației
Realizarea aplicației
Realizarea aplicației

Acum ne întoarcem la acea pagină de destinație după ce ne-am conectat și facem clic de data aceasta pe App Builder. Ar trebui să vi se prezinte un telefon simulat, trebuie să începem făcând clic pe butonul plus pentru a începe o nouă aplicație. Odată ce s-a încărcat primul lucru absolut pe care trebuie să-l facem este să conectăm placa IoT pe care tocmai am făcut-o la aplicația noastră, facem acest lucru făcând clic pe tablă și apoi făcând clic pe placa pe care tocmai am făcut-o, care ar trebui să fie denumită intrare. Acum, cu placa încărcată, putem începe să adăugăm caracteristici aplicației.

Începem făcând clic pe caseta de intrare sub formulare și o denumim Stare buton. Apoi, trebuie să-l numim buton, acest lucru este important, deoarece am numit butonul Pin one mai devreme, astfel încât să-l numim buton ajută la legarea acestor două lucruri. Acum facem doar clic pe Salvare și aplicația este gata!

Pasul 5: Publicare și testare

Publicare și testare
Publicare și testare

Acum, că aplicația super de bază este construită, trebuie să o publicăm și să o primim pe telefonul nostru. Facem acest lucru făcând clic pe butonul de publicare, odată ce ați terminat, trebuie să navigați la fila Partajare și să faceți clic pe codul QR, care vă va prezenta apoi un cod QR pe care îl puteți scana cu telefonul.

Odată ce aplicația web este încărcată, trebuia să ne conectăm telefonul la dispozitivele noastre IoT WiFi, ceea ce facem mergând la setarea WiFi de pe telefonul dvs. și apoi conectându-ne la numele dispozitivului pe care i l-am dat mai devreme.

Acum putem să ne întoarcem la aplicație și să apăsăm butonul de pe dispozitivele noastre IoT, ar trebui să vedeți un 1 când butonul este apăsat și un 0 când butonul nu este apăsat. Dacă nu vedeți nicio valoare, încercați să reîmprospătați pagina și ar trebui să vedeți o valoare care apare.

Pasul 6: Continuarea acestuia

Luând-o mai departe
Luând-o mai departe

Acum da, doar a vedea 1 sau 0 este puțin plictisitor, totuși, scopul acestui proiect este doar să vă arăt ce este posibil, este treaba dvs. să o duceți mai departe și să creați ceva cu adevărat uimitor. De exemplu, puteți seta aplicația să declanșeze un sunet sau să redea un videoclip (iată un exemplu al acestui

Dacă aveți întrebări, vă rugăm să ne lăsați un comentariu, vă mulțumim pentru lectură!

Recomandat: