IoT -knapp som styrer appen din: 6 trinn

2025 Forfatter: John Day | [email protected]. Sist endret: 2025-01-23 15:02

Av appshedAppShedFollow More av forfatteren:

Om: Appshed er en pedagogisk plattform der studenter og lærere kan lære App Building, Game Making og IoT/Robotics. Mer om appshed »

En av de tingene jeg liker best med mikrokontrollere er muligheten til å bruke dem som inndataenhet, for eksempel kan Arduino Micro brukes som en HID (human interface device), noe som betyr at med litt koding og kunnskap kan du lage ditt eget tastatur eller mus fra en Arduino! Det fikk meg til å tenke på hva med å bruke en IoT -enhet som inngang for å kontrollere ting på en app. Så i dette prosjektet skal vi ta en titt på hvordan du lager en app -tilkoblet knapp som kan programmeres til å gjøre omtrent alt i appen vår.

Trinn 1: Installere bibliotekene

For å laste opp koden vår kommer vi til å bruke den veldig populære Arduino IDE som kan lastes ned her. Fordi vi kommer til å bruke nettstedet AppShed til å kontrollere og redigere måten styret fungerer på, trenger vi ikke å fokusere på den faktiske koden som går inn i brettet. Koden vi laster opp er AppShed -hovedskissen som lar nettstedet kontrollere alle pinnene på brettet.

Nå for å kunne laste opp kode til styret vårt gjennom Arduino IDE må vi installere biblioteket som lar IDE snakke med vårt spesifikke bord. Dette gjøres som følger:

• Start Arduino IDE
• Naviger til Fil og klikk Innstillinger
• Mot bunnen bør du se "flere nettadresser for styringsadministrator" etterfulgt av et tomt mellomrom
• Kopier og lim dette inn i det tomme rommet

Nå må vi installere brettene under styreleder.

• Naviger til Verktøy, deretter Brett og klikk deretter på Styreleder
• Søk etter ESP8266 i søkefeltet
• Klikk på det første alternativet og klikk på Installer

Nå er styret vårt i stand til å kommunisere med Arduino IDE

Trinn 2: Last opp koden

Så på dette tidspunktet har vi lastet ned bibliotekene som er nødvendige for å hjelpe Arduino IDE til å kommunisere med vårt IoT -bord, og vi har lastet ned bibliotekene som lar AppShed -hovedskissen kjøre. Alt vi trenger å gjøre er å endre navn og passord for IoT -enheten din i koden hvis du ikke gjør dette, vil navnet på IoT -enhetens wifi være "Your_device_name_here".

For å gjøre dette trenger vi følgende:

• Koble IoT -kortet til datamaskinen
• Last ned og åpne Appshed -hovedskissen (som du finner her)
• Naviger til verktøy og klikk ombord
• Rull ned til du ser brettet ditt, klikk deretter på det (jeg bruker NodeMCU, så jeg skal klikke på NodeMCU)
• Naviger nå tilbake til verktøyene og klikk på port, herfra bør du se brettet ditt (skal se slik ut "com 9" hvis du er på windows og "/dev/cu.wchusbserial1410 'for mac)
• Klikk på pilen for å laste opp og vent mens den gjør det.

Hvis du får en melding etter omtrent 2 - 3 minutter som sier at opplastingen er ferdig, så fungerte alt perfekt! For å dobbeltsjekke at styret vårt fungerer, kan vi også gå til WiFi-innstillingen og se etter navnet vi ga brettet tidligere hvis det er der det fungerer.

Trinn 3: Konfigurere appen

Å lage en app som mottar data fra et eksternt IoT -bord kan virke ganske skummelt hvis du ikke er en profesjonell apputvikler, men dette er ikke et problem fordi vi kommer til å bruke AppSheds -infostrukturen for å lage appen vår som gjør det virkelig lett.

Vi må starte med å gå til AppShed og enten opprette en gratis konto eller logge inn på en eksisterende. Herfra bør du se de to alternativene IoT Builder eller App Builder, vi skal begynne med å klikke på IoT Builder, da dette lar oss angi hvilke pins vi vil fungere som utganger eller innganger. Når siden er lastet inn, klikker du på Nytt IoT -prosjekt og navngir tavleinngangen og klikker lagre.

Siden vi nå vil sette en av pinnene som en inngang for å se når knappen trykkes, må vi starte med å klikke på ikonet under Digitale innganger og deretter klikke på pinne 1 for å knytte dem sammen og gi det et navn som " knappen "og klikk på lagre.

Nå skal vi gå over til App Building -siden av tingene.

Trinn 4: Lage appen

Nå går vi tilbake til den destinasjonssiden etter å ha logget på og klikker på App Builder denne gangen. Du bør bli presentert med en simulert telefon. Vi må starte med å klikke på pluss -knappen for å starte en ny app. Når det er lastet inn, er det absolutt første vi må gjøre å koble det IoT -kortet vi nettopp har laget til appen vår, vi gjør dette ved å klikke på brettets og deretter klikke på brettet vi nettopp har laget som skal hete input. Nå som brettet er lastet inn, kan vi begynne å legge til funksjoner i appen.

Vi starter med å klikke på inndataboksen under skjemaer og gi den tittelen Button State. Vi må da kalle den knappen, dette er viktig fordi vi navngav knappen én knapp tidligere, så å navngi den hjelper med å knytte disse to tingene sammen. Nå klikker vi bare lagre og appen er ferdig!

Trinn 5: Publisering og testing

Nå som den super grunnleggende appen er bygget, må vi publisere den og få den på telefonen. Vi gjør dette ved å klikke på publiser -knappen. Når det er fullført, må vi navigere til delingsfanen og klikke på QR -kode som deretter vil vise deg en QR -kode som du kan skanne med telefonen.

Når nettappen er lastet, trengte vi å koble telefonen til IoT-enhetene våre WiFi, noe vi gjør ved å gå over til WiFi-innstillingen på telefonen og deretter koble til enhetsnavnet vi ga den tidligere.

Nå kan vi gå tilbake til appen og trykke på knappen på våre IoT -enheter. Du bør se en 1 når knappen trykkes inn og en 0 når knappen ikke trykkes. Hvis du ikke ser noen verdi, kan du prøve å oppdatere siden, og du bør se en verdi dukke opp.

Trinn 6: Ta det videre

Nå ja, det er litt kjedelig å bare se en 1 eller 0, men poenget med dette prosjektet er bare å vise deg hva som er mulig, det er din jobb å ta det videre og lage noe virkelig fantastisk. Som et eksempel kan du sette appen til å utløse en lyd eller spille av en video (her er et eksempel på dette

Legg igjen en kommentar hvis du har spørsmål, takk for at du leser!