IoT Button na Kinokontrol ang Iyong App: 6 Mga Hakbang
IoT Button na Kinokontrol ang Iyong App: 6 Mga Hakbang
Anonim
Image
Image
Paghahanda ng Iyong Lupon para sa AppShed IoT
Paghahanda ng Iyong Lupon para sa AppShed IoT

Sa pamamagitan ng appshedAppShedFollow Higit pa mula sa may-akda:

Paghahanda ng Iyong Lupon para sa AppShed IoT
Paghahanda ng Iyong Lupon para sa AppShed IoT
JavaScript at App Builder: Aralin 1
JavaScript at App Builder: Aralin 1
JavaScript at App Builder: Aralin 1
JavaScript at App Builder: Aralin 1
Gumagawa ng isang Mobile Game Nang Walang Coding
Gumagawa ng isang Mobile Game Nang Walang Coding
Gumagawa ng isang Mobile Game Nang Walang Coding
Gumagawa ng isang Mobile Game Nang Walang Coding

Tungkol sa: Ang Appshed ay isang pang-edukasyon na platform kung saan maaaring malaman ng mga mag-aaral at guro ang App Building, Game Making at IoT / Robotics. Higit Pa Tungkol sa appshed »

Ang isa sa mga bagay na pinaka gusto ko tungkol sa mga microcontroller ay ang kakayahang gamitin ang mga ito bilang isang input device, halimbawa, ang Arduino Micro ay maaaring magamit bilang isang HID (human interface device) na nangangahulugang may ilang pag-coding at pag-alam kung paano mo magagawa ang iyong sariling keyboard o mouse mula sa isang Arduino! Naisip kong isipin kung ano ang tungkol sa paggamit ng isang aparato ng IoT bilang isang input upang makontrol ang mga bagay sa isang App. Kaya sa proyektong ito, titingnan namin kung paano gumawa ng pindutan na konektado sa isang app na maaaring mai-program upang gawin ang anuman sa aming app.

Hakbang 1: Pag-install ng Mga Aklatan

Upang mai-upload ang aming code ay gagamitin namin ang napakapopular na Arduino IDE na maaaring ma-download Dito. Ngayon dahil gagamitin namin ang website na AppShed upang makontrol at mai-edit ang paraan ng paggana ng board hindi namin kailangang tumuon sa aktwal na code na papasok sa board. Ang code na ina-upload namin ay ang AppShed master sketch na nagpapahintulot sa website na kontrolin ang lahat ng mga pin sa board.

Ngayon upang makapag-upload ng code sa aming board sa pamamagitan ng Arduino IDE kailangan naming i-install ang library nito na nagbibigay-daan sa IDE na makipag-usap sa aming tukoy na board. Ginagawa ito tulad ng sumusunod:

  • Ilunsad ang Arduino IDE
  • Mag-navigate sa File at i-click ang Mga Kagustuhan
  • Patungo sa ibaba, dapat mong makita ang "karagdagang mga board manager URL" na sinusundan ng isang blangko na puwang
  • Kopyahin at idikit ito sa blangkong puwang

Ngayon kailangan naming i-install ang mga board sa ilalim ng board manager.

  • Mag-navigate sa Mga Tool, pagkatapos Board at pagkatapos ay Mag-click sa Board Manager
  • Ngayon sa search bar search para sa ESP8266
  • Mag-click sa unang pagpipilian at i-click ang I-install

Ngayon ang aming board ay nakapag-usap sa Arduino IDE

Hakbang 2: Pag-upload ng Code

Pag-upload ng Code
Pag-upload ng Code

Kaya sa puntong ito, na-download namin ang mga aklatan na kinakailangan upang matulungan ang Arduino IDE na makipag-usap sa aming board ng IoT at na-download namin ang mga library na pinapayagan ang AppShed master sketch na tumakbo. Ngayon, ang kailangan lang naming gawin ay baguhin ang pangalan at password ng iyong IoT aparato sa code kung hindi mo ito gagawin ang iyong IoT aparato wifi na pangalan ay magiging "Your_device_name_here".

Upang magawa ito kailangan natin ang sumusunod:

  • I-plug ang iyong board ng IoT sa iyong computer
  • I-download at buksan ang Appshed master sketch (na matatagpuan dito)
  • Mag-navigate sa mga tool at mag-click sa board
  • Mag-scroll pababa hanggang makita mo ang iyong board, pagkatapos ay mag-click dito (Ginagamit ko ang NodeMCU kaya mag-click ako sa NodeMCU)
  • Ngayon mag-navigate pabalik sa mga tool at mag-click sa port, mula dito dapat mong makita ang iyong board (dapat ganito ang hitsura ng "com 9" kung nasa windows ka at "/dev/cu.wchusbserial1410 'para sa mac)
  • I-click ang arrow na nakaharap sa gilid upang mag-upload at maghintay habang ginagawa ito.

Kung nakakuha ka ng isang mensahe pagkatapos ng tungkol sa 2 - 3 minuto na nagsasabing tapos na ang pag-upload pagkatapos ang lahat ay ganap na gumana! Upang suriin ulit kung gumagana ang aming board maaari din kaming pumunta sa aming setting ng WiFi at hanapin ang pangalang ibinigay namin sa board nang mas maaga kung nandiyan ito gumagana.

Hakbang 3: Pag-set up ng App

Pag-set up ng App
Pag-set up ng App
Pag-set up ng App
Pag-set up ng App
Pag-set up ng App
Pag-set up ng App

Ang paggawa ng isang App na tumatanggap ng data mula sa isang panlabas na board ng IoT ay maaaring mukhang nakakatakot kung hindi ka isang propesyonal na developer ng App, gayunpaman, hindi ito isang isyu dahil gagamitin namin ang infostructure ng AppSheds upang gawin ang aming app na ginagawang talagang ito madali.

Kailangan naming magsimula sa pamamagitan ng pagpunta sa AppShed at alinman sa gumawa ng isang libreng account o mag-log in sa isang mayroon nang. Mula dito dapat mong makita ang dalawang pagpipilian na IoT Builder o App Builder, magsisimula kami sa pamamagitan ng pag-click sa IoT Builder dahil papayagan kaming itakda kung aling mga pin ang nais naming kumilos bilang mga output o input. Kapag na-load na ang pahina i-click ang Bagong IoT Project at pangalanan ang input ng board at i-click ang save.

Ngayon dahil nais naming itakda ang isa sa mga pin bilang isang input upang makita kapag naitulak ang pindutan kailangan naming magsimula sa pamamagitan ng pag-click sa icon ng pindutan sa ilalim ng Mga Digital Input at pagkatapos ay mag-click sa Pin 1 upang maitali ang mga ito pagkatapos ay bigyan ito ng isang pangalan tulad ng " pindutan "at i-click ang i-save.

Ngayon ay pupunta kami sa bahagi ng App Building ng mga bagay.

Hakbang 4: Paggawa ng App

Paggawa ng App
Paggawa ng App
Paggawa ng App
Paggawa ng App

Bumalik kami ngayon sa landing page pagkatapos mag-log in at mag-click sa App Builder sa oras na ito. Dapat kang maipakita sa isang simulate na telepono, kailangan naming magsimula sa pamamagitan ng pag-click sa plus button upang magsimula ng isang bagong app. Kapag na-load na ang ganap na unang bagay na kailangan nating gawin ay i-link ang board ng IoT na ginawa lamang namin sa aming app na ginawa namin ito sa pamamagitan ng pag-click sa board at pagkatapos ay pag-click sa board na ginawa lang namin na dapat na pinangalanan na input. Ngayon na naka-load ang board, maaari naming simulang magdagdag ng mga tampok sa app.

Nagsisimula kami sa pamamagitan ng pag-click sa input box sa ilalim ng mga form at pamagat ng Button State na ito. Kailangan namin pangalanan ito ng pindutan, mahalaga ito sapagkat pinangalanan namin ang isang pindutan nang mas maaga kaya ang pagbibigay ng pangalan ng pindutan na ito ay nakakatulong na itali ang dalawang bagay na ito. Ngayon ay i-click lamang namin ang i-save at ang app ay tapos na!

Hakbang 5: Pag-publish at Pagsubok

Pag-publish at Pagsubok
Pag-publish at Pagsubok

Ngayon na binuo ang sobrang pangunahing app kailangan naming i-publish ito at makuha ito sa aming telepono. Ginagawa namin ito sa pamamagitan ng pag-click sa pindutan ng pag-publish, sa sandaling nakumpleto na kailangan namin upang mag-navigate sa tab na pagbabahagi at mag-click sa QR code na pagkatapos ay magpapakita sa iyo ng isang QR code na maaari mong i-scan sa iyong telepono.

Kapag na-load na ang web-app na kailangan namin upang ikonekta ang aming telepono sa aming mga IoT device WiFi na ginagawa namin sa pamamagitan ng pagtungo sa setting ng WiFi sa iyong telepono at pagkatapos ay kumonekta sa pangalan ng aparato na binigyan namin ito nang mas maaga.

Ngayon ay maaari na kaming bumalik sa app at itulak ang pindutan sa aming mga IoT device, dapat mong makita ang isang 1 kapag ang pindutan ay naitulak at isang 0 kapag ang pindutan ay hindi naitulak. Kung wala kang nakitang anumang halaga subukang i-refresh ang pahina at dapat mong makita ang isang pop-up na halaga.

Hakbang 6: Kinukuha Pa Ito

Kinukuha Pa Ito
Kinukuha Pa Ito

Ngayon oo ang nakakakita lamang ng 1 o 0 ay medyo nakakainip, subalit, ang punto ng proyektong ito ay upang maipakita sa iyo kung ano ang posible, trabaho mo na itong dalhin ito nang malayo at lumikha ng isang bagay na talagang kamangha-mangha. Bilang isang halimbawa, maaari mong itakda ang app upang magpalitaw ng isang tunog o mag-play ng isang video (narito ang isang halimbawa ng

Kung mayroon kang anumang mga katanungan mangyaring mag-iwan sa amin ng isang komento, salamat sa pagbabasa!

Inirerekumendang: