Ноде.јс са ардуином: контрола осветљености лед-а кроз веб интерфејс

Видели смо бројне примере трептања ЛЕД помоћу различитих микроконтролера и различитих програмских језика. Данас ћемо користити веома популарни ЈаваСцрипт оквир Ноде.јс за контролу ЛЕД диоде повезане са Ардуино Уно. Такође ћемо користити Ноде.јс за контролу осветљености ЛЕД-а са веб странице користећи Ардуино. Неколико подешавања и коришћење ЕСП8266, ово се може претворити у ИоТ пројекат где се ЛЕД може контролисати са било ког места.

Шта је Ноде.јс?

У Ноде.јс је у широкој употреби ЈаваСкрипт заснован оквир изграђен на ЈаваСкрипт В8 мотор Гоогле Цхроме и примењена у развоју / И интензивне веб апликације као што су једне странице апликације, видео стреаминг сајтовима итд

Претходно смо урадили информативни водич о томе како започети са Ноде.јс и Распберри Пи за контролу ЛЕД диода. У овом упутству ћемо следити сличан приступ, тј. ЛЕД ће се контролисати помоћу две методе као што су:

Једноставно ЛЕД трепће писањем ЈаваСцрипт кода у Ноде.јс оквиру.
Контрола осветљености ЛЕД-а помоћу Ноде.јс оквира и веб интерфејса из било ког прегледача: Ардуино УНО ће деловати као веб сервер и ХТМЛ веб страница ће бити хостована на рачунару или преносном рачунару.

Компоненте потребне

Хардвер:

Одбор Ардуино УНО
ЛЕД
Отпорник

Софтвер:

Ардуино ИДЕ: За отпремање скице на Ардуино УНО Боард.
Фирмата: То је протокол за комуникацију са различитим микроконтролерима из софтвера на рачунару, паметном телефону итд. Фирмата фирмваре се може учитати у било коју плочу микроконтролера (попут Ардуино, Теенси) и може да разговара са било којим преносним рачунаром, рачунаром или паметним телефоном. Библиотека Фирмата долази са Ардуино ИДЕ-ом, тако да нема потребе за преузимањем било где. Направили смо лекцију о контроли Ардуина помоћу Распберри Пи помоћу пиФирмата.
Јохнни-Фиве: Јохнни-Фиве је ЈаваСцрипт заснована роботика и ИоТ платформа која се користи за писање кодова у ЈаваСцрипт-у и користи се за повезивање Ардуино плоча и рачунара. Јохнни-Фиве су тестирани на разним Ардуино компатибилним плочама као што су Ардуино УНО, НАНО, Промини итд. У овом упутству, Јохнни-Фиве библиотека мора да се преузме како би се користиле све њене функције. Водич за инсталацију биће објашњен касније у овом упутству.

Кружни дијаграм

Шема кола је врло основна, само треба да повежемо ЛЕД са Ардуином.

Постављање Ноде.јс оквира

Пре почетка кодирања и развоја, Ноде.јс мора да се преузме и постави. За преузимање окружења Ноде.јс следите једноставне кораке.

1. корак: - Преузмите.еке датотеку Ноде.јс са његове званичне веб странице.

Корак 2: - Покрените.еке и следите дата упутства у програму за инсталирање.

Корак 3: - Поново покрените рачунар како је препоручено у документу Ноде.јс, а такође и да користите све функције Ноде.јс

Корак 4: - Да бисте проверили да ли је чвор инсталиран, отворите Цомманд Промпт и унесите Ноде –в

Корак 5: - Приказаће се верзија Ноде.јс што значи да је Ноде.јс инсталиран.

Инсталирање библиотеке Јохнни-Фиве

Сада након преузимања Ноде.јс, креирајте нову мапу под називом „ЛЕД_Цонтрол“ у документима како бисте све пројектне датотеке задржали на једном месту. Свака датотека пројекта чуваће се у фасцикли „ ЛЕД_Цонтрол “. Сада преузмите библиотеку Јохнни-Фиве у фасциклу „ ЛЕД_Цонтрол “. Да бисте преузели, следите кораке у наставку:

1. корак: - Отворите командну линију

Корак 2: - Идите у директоријум „ ЛЕД_Цонтрол “ пратећи наредбу „ цд “.

Корак 3: - Покрените команду ' нпм инсталл јохнни-фиве'

Корак 4: - Ово ће инсталирати све зависности Јохнни-Фиве-а.

Корак 5: - Такође инсталирајте потребне библиотеке коришћене у овом упутству за контролу осветљености ЛЕД диода. Овде се користе три библиотеке:

екпресс: омот ХТТП сервера
соцкет.и о: Библиотека ВебСоцкетс
сериалпор т: Омотач серијског порта

Корак 5: - Покрећите доле наведене команде једну по једну да бисте инсталирали ове три библиотеке.

нпм инсталл екпресс нпм инсталл соцкет.ио нпм инсталл сериалпорт

Као што је раније речено, пројекат је подељен на два дела:

Прво, Ардуино трепћућа ЛЕД са Ноде.јс
Друго, управљање осветљеношћу ЛЕД-а са веб интерфејса помоћу Ардуино-а и Ноде.јс.

Трепћућа ЛЕД диода са Ардуином и Ноде.јс-ом

Да би треперио ЛЕД, Ардуино мора бити подешен за комуникацију са рачунаром.

Постављање Ардуино УНО-а за ЛЕД који трепће:

Да би се натерало Ардуино УНО да прихвати команду са лаптопа на ЛЕД за управљање, фирмвер Фирмата мора бити учитан у Ардуино УНО. Да бисте учитали фирмвер Фирмата, следите ове једноставне кораке:

Повежите Ардуино УНО помоћу УСБ кабла
Отворите Ардуино ИДЕ и изаберите Ардуино УНО плочу (Ако користите другу плочу, одаберите одговарајућу) из Алата.
Изаберите одговарајући ЦОМ порт повезаног Ардуино УНО-а
Сада пронађите Скицу фирма користећи Мени -> Датотека -> Примери -> Фирмата -> СтандардФирмата.
Отпремите скицу „СтандардФирмата“ тако што ћете отићи на Филе -> Уплоад.

Ово ће учитати Фирмата Скицу на Ардуино УНО и сада је Ардуино УНО спреман да прихвати било коју команду са рачунара.

Писање програма Ноде.јс за ЛЕД који трепће:

Да бисте написали Ноде.јс програм, отворите било који уређивач текста (Нотепад, Нотепад ++, итд.) И налепите код „блинк_лед“ који је приложен на крају овог водича и сачувајте га са наставком „.јс“ тј. (Блинк_лед.јс) у претходно креираној фасцикли „ЛЕД_Цонтрол“. Разговараћемо о важним корацима у датотеци кода блинк_лед.јс.

У почетку дефинишите пин микроконтролера где је лед повезан. У овом примеру, ЛЕД је повезан на пин 5 Ардуино УНО. 'Вар' у Ноде.јс представља декларацију променљиве.

вар лед_пин = 5;

Тхе Јохнни-пет модула потребе да се укључе и потребе одбора да би био изабран. Модули у Ноде.јс су библиотеке. Функција ' рекуире () ' приступиће модулу.

вар јохнни_фиве = рекуире ("јохнни-фиве"); вар ардуино_боард = нови јохнни_фиве.Боард ();

Цонсоле.лог изјава је слична изјава принт и то ће одштампати поруку. А ЛЕД пин је подешен на излазни режим и дефинисано кашњење је дато да трепери.

цонсоле.лог („ЛЕД је почео да трепће!“); вар лед = нови јохнни_фиве.Лед (лед_пин); лед.блинк (100);

Да бисте сада покренули програм, следите доленаведене кораке:

Отворите командну линију
Пронађите директоријум „ЛЕД_Цонтрол“ пратећи наредбу „цд“
Покрените команду 'Ноде лед_блинк.јс'. Ако се успешно изврши, приказаће се „ЛЕД је почео трептати!“ као што је приказано на доњој слици .

ЛЕД ће почети да трепће у Ардуино УНО Пин 5.
Овим је завршен први део нашег водича, тј. Блинкинг ЛЕД са Ноде.јс

Контрола осветљености ЛЕД-а помоћу веб сервера Ардуино и Ноде.јс

Слично трептању ЛЕД диоде са Ноде.јс, и овај одељак ће имати неке делове, тј. Подешавање Ардуино УНО, подешавање веб интерфејса и писање програма Ноде.јс.

Постављање Ардуино УНО-а за контролу осветљености ЛЕД-а:

Да бисте поставили Ардуино УНО, једноставно отпремите скицу „ ардуино_цонтрол.ино “ на Ардуино УНО таблу и то је то. Ово ће поставити Ардуино одбор. Комплетни код са ХТМЛ датотекама можете преузети одавде. Код „ ардуино_цонтрол.ино“ садржи следеће важне кораке.

У почетку је брзина преноса постављена на 9600.

Сериал.бегин (9600);

Серијски порт увек тражи долазни бајт и бајт се уписује у пин 5 који је ПВМ пин.

вхиле (! Сериал.аваилабле ()); аналогВрите (5, Сериал.реад ());

То је то. Ово ће подесити Ардуино да приквачи бајт на ПВМ пин и промениће осветљеност ЛЕД-а.

Постављање веб интерфејса:

Да би се контролисала осветљеност ЛЕД диода помоћу веб интерфејса, написан је један мали део ХТМЛ кода који има интерфејс у прегледачу. Да бисте имали интерфејс, следите једноставне кораке у наставку:

Направите нову фасциклу под називом „публиц“ унутар мапе „ЛЕД_Цонтрол“ креиране раније.

Сада преузмите датотеке „индек.хтмл“ и „стиле.цсс“ и преместите обе датотеке у „јавну“ фасциклу створену у првом кораку изнад. Датотеке можете преузети овде.

Ово ће створити клизач на веб страници за контролу осветљености ЛЕД-а помоћу Ноде.јс и Ардуино.

Управљање ЛЕД диодом са веб странице је занимљиво научити, а то се може урадити и са другим микроконтролером стварањем веб сервера и хостовањем веб странице на веб серверу. Овде погледајте све пројекте повезане са веб сервером.

Писање програма Ноде.јс за контролу осветљености ЛЕД-а:

Следећи корак би био писање скице „бригхтнесс_цонтрол.јс“ помоћу Ноде.јс и извршавање кода. Извршење кода биће помало слично трептању ЛЕД диоде са Ноде.јс.

Да бисте написали Ноде.јс програм, отворите било који уређивач текста (Нотепад, Нотепад ++, итд.) И налепите код 'бригхтнесс_цонтрол' који је приложен на крају овог водича и сачувајте га са наставком '.јс', тј. (Бригхтнесс_цонтрол.јс) у претходно креираној фасцикли „ЛЕД_Цонтрол“. Код такође можете преузети овде.

Слично програму Блинк Лед Ноде.јс, и овај одељак ће користити модуле (библиотеку). Укључите модул 'екпресс', 'хттп' и 'сериал порт'.

вар екпресс = рекуире ('екпресс'); апп = екпресс (); сервер = рекуире ('хттп'). цреатеСервер (апликација); ио = рекуире ('соцкет.ио'). листен (сервер); вар СериалПорт = рекуире ("сериалпорт") //. СериалПорт

Сада подесите ЦОМ порт и баудрате. Имајте на уму да ће у прозорима увек бити ЦОМ са продуженим бројем (ЦОМ6, ЦОМ4, ЦОМ24 итд.), Па је постављено у наставку према '/'. Такође поставите буадрате.

вар сериалПорт = нови СериалПорт ("/ ЦОМ4", {баудРате: 9600});

Почните да слушате сервер на порту 8080.

сервер.листен (8080);

Првотно подесите осветљеност на 0. Затим приквачите податке о осветљености за ИО помоћу модула соцкетс, који је модул вебсоцкет. Подаци ће се примати путем веб интерфејса користећи соцкет протокол.

ио.соцкетс.он ('цоннецтион', фунцтион (соцкет) { соцкет.он ('лед', фунцтион (дата) { бригхтнесс = дата.валуе; вар буф = нев Буффер (1); буф.вритеУИнт8 (бригхтнесс, 0); сериалПорт.врите (буф);

Сада емитујте вредност осветљености ЛЕД-а која се добија од утичнице до ЛЕД пина.

ио.соцкетс.емит ('лед', {вредност: осветљеност}); }); соцкет.емит ('лед', {вредност: осветљеност}); });

Сада само за отклањање грешака, додајте испис за испис на крају. Цонсоле.лог је испис у Ноде.јс.

цонсоле.лог („Веб Сервер Стартед идите на„ хттп: // лоцалхост: 8080 “у свом прегледачу.“);

Сада покрените програм следећи кораке у наставку:

Отворите командну линију
Пронађите директоријум „ЛЕД_Цонтрол“ пратећи наредбу „цд“
Покрените команду „Ноде бригхтнесс_цонтрол.јс“. Ако се успешно изврши, приказаће се „Веб Сервер Стартед идите на„ хттп: // лоцалхост: 8080 “у свом прегледачу.“ одмах испод команде .

Сада идите у прегледач и на урл-у унесите „лоцалхост: 8080“.
Да бисте променили осветљеност, само померите клизач од 0-255 вредности.

Комплетан код и рад Видео у оба пресека прилогу. Такође ако имате било какве сумње или сугестије, можете нас контактирати путем форума или коментара испод. Све кодне датотеке такође можете преузети овде.