Көрнекі хабарландыру дабылы: 9 қадам

2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:26

Бұл оқулық сізге Phillips Hue хабарлау үшін кодтауды үйретеді. Бұл саңыраулар мен есту қабілеті нашар, көру қабілеті нашар немесе сезім мүшелері бар адамдар үшін өте пайдалы болар еді. Visual Notification Alert-бұл пайдаланушыларға электрондық пошта, Facebook, Trello немесе ұқсас хабарландыруларды алғаннан кейін хабарлау. Hue жарықдиодты шамы жарықты жыпылықтау арқылы ескертуді бастайды.

Photon Particle-бұл Интернет заттарының прототипін жасауға және масштабтауға арналған шағын, қайта бағдарламаланатын Wi-Fi әзірлеу жиынтығы.

1 -қадам: Жабдықтар мен бағдарламалық қамтамасыз етудің тізімі

Visual Notification Alert кодтарын әзірлеу үшін сізге аппараттық және бағдарламалық қамтамасыз ету қажет.

Аппараттық құрал

• Бөлшектерді жасаушылар жинағы
• Philips Hue - Стартер жинағы (3 жарықдиодты шамдар мен 1 реңк көпірі)

Бағдарламалық қамтамасыз ету

• Фотон бөлшектері туралы жалпы ақпарат
• Particle Web IDE (Build) *Кіру үшін қажет *
• IFTTT (егер бұл солай болса)

2 -қадам: Орнату

Сізде бөлшектер жасаушы жиынтығы болуы керек, оған сенсорлар, секіргіш сымдар, жарық диодтары, резисторлар және басқалары кіреді. Particle Photon туралы қосымша ақпаратты оқи аласыз.

Фотонды қоспас бұрын, фотондағы жарық диодтардың күйін білу керек. Мұнда LED күйі туралы ақпарат.

Фотонды қосыңыз

1. USB кабелін қуат көзіне қосыңыз. (Сіздің компьютеріңіз бұл үшін тамаша жұмыс істейді). Wi -Fi желісіне қосылу үшін сіздің бөлшек құрылғыңызға компьютер қажет емес.
2. Ол қосылған кезде фотондық құрылғыңыздағы RGB жарық диоды көк түспен жыпылықтай бастайды. Егер сіздің құрылғыңыз көк түспен жыпылықтамаса, ОРНАТУ түймесін 10 секунд басып тұрыңыз, содан кейін ОРНАТУ түймесін жіберіңіз.
3. Егер сізде тіркелгі болса, Setup Particle жүйесіне кіріңіз. Егер сізде тіркелгі болмаса, Photon үшін есептік жазбаны жасаңыз.
4. Photon/P сериясын басыңыз.
5. КЕЛЕСІ түймесін басқаннан кейін сізге файл ұсынылады (photonsetup.html)
6. Файлды жүктеу үшін ЖЕРГІЛІКТІ ФАЙЛМЕН ЖАЛҒАСУ түймесін басыңыз.

Файлды ашқаннан кейін

1. PHOTON- деп аталатын желіге қосылу арқылы компьютерді Photon-ге қосыңыз …
2. Wi-Fi тіркелгі деректерін конфигурациялаңыз. Ескерту: егер сіз тіркелу деректерін қате жазсаңыз, Photon қою көк немесе жасыл болып жыпылықтайды. Сіз бетті жаңарту немесе процестің қайталау бөлігін басу арқылы процесті қайтадан өтуіңіз керек.
3. Құрылғының атын өзгертіңіз. Құрылғы талап етілген бе, жоқ па, растауды көресіз.

Келесі бөлімге өтпес бұрын, егер сіздің Photon құрылғыңызда көкшіл көк болса, онда ол Интернет пен Photon Cloud үшін сәтті! Біз Particle IDE, Build -ге көшеміз.

3 -қадам: Particle Web IDE -де кодтау

Particle IDE, Build үшін тіркелгіңізді жасауыңыз қажет. Егер сізде есептік жазба болса, онда бұл керемет! Particle IDE жүйесіне кіріңіз.

Біз тақтада жарық диоды жыпылықтайтынын тексергіміз келеді. Photon тақтасында кішкентай көк жарық диоды бар. Ол D7 жанында. Сіз файлды жүктей аласыз, startstarted-blinknet.ino және кодтарды сол жерден көре аласыз. Түсіндіру бар. Particle Web IDE ішіндегі бастапқы кодты ашу үшін осы сілтемені басыңыз. Егер D7 (кішкентай көгілдір жарық диодты) жыпылықтаса, құттықтаймын, сіз Бөлшек құрылғысының көмегімен жарық диодты жыпылықтадыңыз! Егер сіз Photon туралы көбірек білгіңіз келсе, мысалы, әр түрлі жарықдиодты жыпылықтау, фото сенсорды оқу және т.

Енді біз Philips Hue -ге көшеміз.

4 -қадам: Philips Hue

Анықтама үшін: Phillips Hue API туралы мына жерді басыңыз.

Philips Hue API құжаттамасына кірмес бұрын, әзірлеуші ретінде тіркелу қажет болады. Бұл ақысыз, бірақ сіз шарттармен келісуіңіз керек.

1. Алдымен Philips Hue Bridge (бірінші сурет) желіге қосылғанын тексеріңіз. Test Hue қолданбасы (Hue App iOS және Android жүйесінде бар), ол бір желідегі жарықты басқарады.

Егер сіз оны сәтті тексерсеңіз, онда сіз желідегі көпірдің IP мекенжайын табуыңыз керек. Www.meethue.com/api/nupnp сайтына кіру арқылы Philips брокерлік серверінің ашылуын қолданыңыз.

IP мекенжайын тапқан кезде оны URL мекенжайына қосылған debug/clip.html қосылған шолғыштың мекенжай жолағына енгізіңіз: https:// bridge IP address/debug/clip.html.. Ескерту: «IP мекенжайын» ауыстырыңыз.

2. Қарапайым пәрменді орындап, сіздің реңк жүйесі туралы ақпарат алайық. Төмендегі мәліметтерді толтырып, денені бос қалдырыңыз және GET түймесін басыңыз. Сіз осындай интерфейсті (үшінші сурет) көруіңіз керек. Сіз қате туралы хабарды алуыңыз керек. Ескерту: «IP мекенжайын» ауыстырыңыз.

Мекенжай: https:// көпір IP мекенжайы/api/newdeveloperBody: Әдісі: GETҚұттықтаймын! Сіз бірінші команданы жібересіз! 3. Содан кейін төмендегі ақпаратты толтырыңыз және POST түймесін басыңыз. Ескертпе: «IP IP мекенжайын» IP мекенжайына және «телефон түрінің атауын» өз телефоныңызға ауыстырыңыз.

Мекенжай: https:// көпір IP мекенжайы/apiBody: {«devicetype»: «my_hue_app#фонетип атауы»} Әдіс: POST

Сілтеме оны сіз үшін жасауға көмектеседі. POST батырмасын басқан кезде сіз реңк көпіріндегі сілтеме түймесін басу керектігін білдіретін қате туралы хабарды (төртінші сурет) қайтаруыңыз керек. Бұл қауіпсіздік қадамы, сондықтан сіз шамдарды басқарғыңыз келетін қосымшалар немесе серверлер. Реңк көпіріндегі сілтемені басу арқылы пайдаланушы реңк көпіріне физикалық қол жеткізе алатынын дәлелдейді.

Сәтті жауап алған кезде (бесінші сурет), құттықтаймын! Сіз енді авторизацияланған пайдаланушыны құрдыңыз, біз оны бұдан былай қолданамыз.

4. Соңғы мысал, біз оны фотон бөлшегіне біріктірмес бұрын, шамдарыңыздың біреуі көрінетініне және қосулы екеніне көз жеткізіңіз, және сіз қандай санның жарығы екенін білуіңіз керек. URL мекенжайын/api/username/lights/light number/state күйіне өзгертіңіз (жарық санын өзгертіңіз [ол 1, 2, 3 немесе? Болуы мүмкін]) және келесі деректермен PUT батырмасын жіберіңіз:

Ескерту: Көпірдің IP мекенжайын, пайдаланушы атын және жарық нөмірін өзгерткеніңізге көз жеткізіңіз

Мекенжай: https:// көпір IP мекенжайы/api/пайдаланушы аты/шамдар/жарық нөмірі/күй

Негізгі бөлім: {«қосулы»: шын, «отыр»: 254, «bri»: 254, «реңк»: 10000}

Әдіс: PUTЖарықтың түсі өзгергенін көру керек:

5 -қадам: түймемен және сымдармен фотонды орнату

Photon Web IDE -ге қосымша кодтарды жасамас бұрын, біз фотонды түймемен және сымдармен орнатқымыз келеді, сізде бөлшектердің бастапқы жинағынан бірнеше түймелер мен көптеген сымдар бар. Мен екі суретті тіркедім: біреуі диаграмма, бірі - нақты сурет.

1. Фотонды тақтаға қойғаныңызға көз жеткізіңіз.
2. Суретте көрсетілгендей, тақтаның төменгі жағындағы түймені қойыңыз.
3. Қара сымның ұшын J4 (GND) және сол қара сымның екінші ұшын J30 қойыңыз.
4. Сары сымның ұшын J7 (D5) және сол сары сымның басқа ұшын J28 қойыңыз.

Егер олар менің суретіме сәйкес келсе, мен саған көрсетемін, демек сен жақсысың!

6 -қадам: Фотон бөлшектерінде кодтарды жазу

Біз бірінші қосымшаны Photon Particle - Web IDE -де жасаймыз.

1. Https://build.particle.io/build сайтына өтіп, жүйеге кіріңіз (егер сіз әлі жасамаған болсаңыз, тіркеліңіз)
2. Ағымдағы қосымшаның астына «Көрнекі хабарландыру туралы ескерту» теріңіз.
3. Enter батырмасын басыңыз (бірінші суретті қараңыз).

Қолданба Photon Particle Cloud -та сақталады. Setup () функциясы қолданба бір рет іске қосылғанда шақырылады. Цикл () функциясы дәл осылай жасайды және бірізді түрде цикл жасайды, бұл сіздің қосымшаның өзгеруіне және жауап беруіне мүмкіндік береді.

Photon бөлшегіне HttpClient қосу үшін:

1. Web IDE бағдарламасының төменгі сол жағындағы Кітапханалар түймешігін басыңыз.
2. Іздеу жолағына «HttpClient» теріңіз.
3. Көк батырмадағы «Жобаға қосу» түймесін басыңыз.
4. VisualNotificationAlert түймесін басыңыз (ол бағдарламаны жасағаннан кейін бос орындарды жояды).
5. Растау түймешігін басыңыз.

Енді ол Web IDE басына HttpClient қосты.

/ Бұл #include мәлімдемесі Particle IDE автоматты түрде қосылды. #Include

/*** Philip Hue конфигурациясы ***

/ 1. Мұны 1 -қадамдағы API пайдаланушы атымен ауыстырыңыз const String API_USERNAME = «Сіздің API пайдаланушы атыңыз»; // 2. Мұны IPAddress hueIP (x, x, x, x) 1 -қадамдағы көпірдің IP мекенжайымен ауыстырыңыз; // 3. Басқарғыңыз келетін шамдардың жолымен ауыстырыңыз. Оның жұмыс істеуін тексеру үшін 1 -қадамдағы веб -бетті пайдаланыңыз. // Philip Hue шамының нөмірін танитыныңызға көз жеткізіңіз ///lights/NUMBER/state const String LIGHT_PATH = «/lights/Number/state»; // 4. Мұны шамдарды қосу туралы сұраныстың негізгі бөлігімен ауыстырыңыз. const String REQUEST_BODY_ON = «{» on / «: true, \» bri / «: 254}»; // 5. Мұны жарықты өшіру туралы сұраныстың негізгі бөлігімен ауыстырыңыз. const String REQUEST_BODY_OFF = «{» on / «: false, \» bri / «: 254}»; / *** END конфигурациясы Philip Hue *** / But But const const BUTTON_PIN = D5; // HttpClient нысаны HttpClient Hue көпіріне HTTP сұраныстарын жасау үшін пайдаланылады http; // HTTP сұраулары үшін әдепкі тақырып http_header_t headers = {{«Қабылдау», «*/*»}, {NULL, NULL} // ЕСКЕРТПЕ: Әрқашан тақырыптар NULL болады; // Сұраныс және жауап нысандары http_request_t сұранысы; http_response_t жауабы; void setup () {Serial.begin (9600); request.ip = hueIP; request.port = 80; // Борттық жарықдиодты түйіспелі түйіспелі индикатор шамы ретінде (D7, OUTPUT); // Енгізу үшін біз BUTTON_UP мәнін кіріс-тарту деп анықтаймыз. Бұл құрылғыдан тұрақты оқуды басқару үшін ішкі тартқыш резистор // пайдаланады. pinMode (BUTTON_PIN, INPUT_PULLUP); // түйреуішті кіріс ретінде орнатады // Біз «Button» деп аталатын IFTTT оқиғасына «жазыламыз», осылайша біз оған Particle.subscribe оқиғаларын аламыз («RIT_Gmail», myHandler); Particle.subscribe («Trello», myHandler); } // setup () function void loop () { / * * Бұл жарық сигналының * / // батырманың басылғанын немесе оқылмайтынын білуін тексеретін бөлім. int buttonState = digitalRead (BUTTON_PIN); // Түйме басылғанда, біз LOW сигналын аламыз. // Түйме басылмаса, бізде ЖОҒАРЫ болады. if (buttonState == LOW) gmailAlert (); } // loop () функциясы void printInfo () {Serial.print («Қолданба> / tResponse күйі:»); Serial.println (жауап күйі); Serial.print («Application> / tHTTP Response Body:»); Serial.println (жауап. Дене); } // printInfo () функциясы int i = 0; // IFTTT void myHandler оқиғасын өңдейтін функция (const char *event, const char *data) {// Serial.print (оқиға) сериясында басып шығаруға арналған тест; Serial.print («, деректер:»); if (деректер) Serial.println (деректер); else Serial.println («NULL»); if (strcmp (оқиға, «Trello») == 0) {trelloAlert (); } else if (strcmp (оқиға, «Gmail») == 0) {gmailAlert (); }} // myHandler () функциясы /** Жарықты орнататын реңк мәні. * Реңк мәні - 0 мен 65535 арасындағы орау мәні. * 0 мен 65535 екеуі де қызыл, * 25500 жасыл және 46920 көк. * / / *** Ол көк түстің көмегімен Philips Hue ақылды шамының көмегімен ескертеді. Ол 15 секунд ішінде ескертеді. */ void trelloAlert () {String trello_body_alert = «{» on / «: true, \» bri / «: 255, \» sat / «: 255, \» hue / «: 46920, \» alert / «: / «lselect \»} «; sendHttpPut (trello_body_alert); } /*** Ол Philips Hue ақылды шамының көмегімен қызыл түсті ескерту жасайды. Ол 15 секунд ішінде ескертеді. */ void gmailAlert () {String gmail_body_alert = «{» on / «: true, \» sat / «: 254, \» bri / «: 254, \» hue / «: 65535, \» alert / «: / «lselect \»} «; sendHttpPut (gmail_body_alert); }/** * Біз PUT -ты Philips Hue * @param httpPutBody жолының негізгі бөлігіне жібереміз */void sendHttpPut (String httpPutBody) {request.path = «/api/» + API_USERNAME + LIGHT_PATH; request.body = httpPutBody; http.put (сұрау, жауап, тақырыптар); }

Сіз кодты Photon Particle Web IDE -ге енгізуді немесе көшіруді аяқтаған кезде, жолақтың жоғарғы сол жағындағы тексеру белгісін (Тексеру) басыңыз, егер ол өте сәтті орындалса, біз келесі қадамға өтеміз!

7 -қадам: Фотонға кодты жүктеу

Бұл қадам өте қарапайым. Фотонға кодтарды жүктемес бұрын:

1. USB кабелін қуат көзіне қосыңыз (ноутбукты ұсынамын).
2. Сіздің фотонның тыныс алатын көгілдір диодты екеніне көз жеткізіңіз. Егер ол көкшіл түске ие болмаса немесе түсі басқа болса, 2 -қадамға өтіңіз: Орнату
3. Photon Particle Web IDE ішінен Lighting белгішесін басыңыз.
4. Ол Photon -ға кодтарды жүктегенде, сіз қызыл күреңді көресіз. Бұл код кодқа жүктеле бастайтынын білдіреді. Содан кейін ол тез жасыл түспен жыпылықтайды, содан кейін көкшіл тыныс алу режиміне оралады.
5. Philips смарт шамының жыпылықтағанын (немесе ескертетінін) көру үшін түймені басыңыз.

Егер Philips Smart Bulb ескертсе, онда құттықтаймын! Біз дерлік аяқтадық!

Біз бағдарламалық қамтамасыз ету бөлігіне көшеміз.

8 -қадам: IFTTT -тен апплет жасау (егер бұл болса, онда)

Біз апплеттерді IFTTT (егер бұл, содан кейін) веб -сайтынан жасаймыз. Апплеттер Photon -да оқиға жариялайды, содан кейін Photon ақылды шамдарды ескерту үшін Philips Hue Bridge -ге пәрмен жібереді.

Бұл жоба үшін біз Trello мен Gmail көмегімен Photon -да оқиғаларды жариялаймыз.

Https://ifttt.com/ сайтына өтіп, тіркеліңіз.

Трелло

1. Жоғарғы жағындағы Менің апплеттерімді басыңыз.
2. Жаңа апплет түймесін басыңыз.
3. Көк мәтінмен + мұны басыңыз.
4. Іздеу жолағына Trello енгізіңіз және оны басыңыз.
5. Маған тағайындалған картаны басыңыз.
6. Трелло тақтасын таңдаңыз.
7. Көк мәтінмен +белгісін басыңыз.
8. Іздеу жолағына Бөлшек сөзін енгізіп, шертіңіз.
9. Оқиғаны жариялау түймешігін басыңыз.
10. Содан кейін жариялауға (Оқиға атауы) «Trello» теріңіз.
11. Жалпыға ортақ таңдаңыз.

Gmail (Ескерту: олар сіз тіркелген кезде сіздің электрондық поштаңызды пайдаланады)

1. Жоғарғы жағындағы Менің апплеттерімді басыңыз.
2. Жаңа апплет түймесін басыңыз.
3. Көк мәтінмен + мұны басыңыз.
4. Іздеу жолағына Gmail енгізіңіз және оны басыңыз
5. Кіріс жәшігіндегі кез келген жаңа электрондық поштаны таңдаңыз
6. Көк мәтінмен +белгісін басыңыз.
7. Іздеу жолағына Бөлшек сөзін енгізіп, шертіңіз
8. Оқиғаны жариялау түймешігін басыңыз.
9. Содан кейін жариялайды (Оқиға атауы) бөліміне «Gmail» теріңіз.
10. Жалпыға ортақ таңдаңыз.

Сізде Trello мен Gmail жұмыс істейтін екі апплет болғаннан кейін біз соңғы қадамға көшеміз.

9 -қадам: Соңында тестілеу

Біз Апплеттен Фотонға дейінгі оқиғаларды жариялауды тексереміз. Апплететтер қосулы екеніне көз жеткізіңіз.

Трелло

Біреу Trello -да жаңа картаны жасаған кезде, олар сізді картаға тағайындайды (белгілейді). IFTTT мұны тыңдайды және Photon -да оқиғаны жариялай бастайды. Содан кейін Photon Philip Hue Bridge -ге ақылды шамдар туралы ескерту жібереді.

Gmail

Кіріс жәшігіңізге жаңа электрондық поштаны алған кезде, IFTTT оны тыңдайды және Photon -да оқиғаны жариялай бастайды. Содан кейін Photon Philip Hue Bridge -ге ақылды шамдар туралы ескерту жібереді.

Қиындықтар

• Біз Trello мен Gmail -ден жаңа хабарлама алған сайын, IFTTT -тен оқиға жіберуге және Photon -дан пәрмен жіберуге үлкен кідіріс болады. Ақылды шамдарды ескертуге 5 минуттан аз уақыт кетуі керек.
• Gmail Applet кейде өздігінен өшіп қалады, себебі апплет қайта қосылуы немесе жаңартылуы қажет.