Visual Notification Alert: 9 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:04

Энэхүү заавар нь Phillips Hue -ийг сэрэмжлүүлэхийн тулд хэрхэн кодлохыг танд заадаг. Энэ нь дүлий, сонсголын бэрхшээлтэй, хараа муутай, мэдрэхүйн бэрхшээлтэй хүмүүст маш их хэрэгтэй болно. Visual Notification Alert нь имэйл, Facebook, Trello эсвэл үүнтэй төстэй мэдэгдлийг хүлээн авсны дараа хэрэглэгчдэд мэдээлэх явдал юм. Hue LED чийдэн нь гэрлийг анивчсанаар дохио өгч эхэлдэг.

Photon Particle бол интернетийнхээ бүтээгдэхүүний загварыг гаргах, масштабыг нэмэгдүүлэх зориулалттай жижигхэн, дахин програмчлах боломжтой Wi-Fi хөгжүүлэх хэрэгсэл юм.

Алхам 1: Тоног төхөөрөмж, програм хангамжийн жагсаалт

Visual Notification Alert -ийн кодыг боловсруулахын тулд танд техник хангамж, програм хангамж хэрэгтэй.

Техник хангамж

• Ширхэг үйлдвэрлэгч иж бүрдэл
• Philips Hue - Эхлэх хэрэгсэл (3 LED гэрлийн чийдэн, 1 Hue Bridge)

Програм хангамж

• Фотон бөөмийн ерөнхий мэдээлэл
• Particle Web IDE (Build) *Нэвтрэх шаардлагатай *
• IFTTT (Хэрэв тийм бол)

Алхам 2: Суурилуулалт

Мэдрэгч, холбогч утас, LED, резистор гэх мэт бүх зүйлийг багтаасан Particle Maker Kit -тэй байх ёстой. Particle Photon -ийн тухай дэлгэрэнгүй мэдээллийг унших боломжтой.

Фотоноо холбохын өмнө та фотон дээрх LED -ийн статусыг мэдэх хэрэгтэй. LED статусын талаархи мэдээллийг энд оруулав.

Фотоноо холбоно уу

1. USB кабелийг тэжээлийн эх үүсвэрт холбоно уу. (Таны компьютер энэ зорилгоор төгс ажилладаг). Таны бөөмийн төхөөрөмж wifi -д холбогдохын тулд таны компьютер шаардлагагүй болно.
2. Үүнийг залгасан үед таны фотон төхөөрөмж дээрх RGB LED цэнхэр анивчиж эхлэх ёстой. Хэрэв таны төхөөрөмж цэнхэр анивчихгүй бол SETUP товчлуурыг 10 секундын турш бариад SETUP товчлуурыг суллана уу.
3. Хэрэв танд данс байгаа бол Setup Particle руу нэвтэрнэ үү. Хэрэв танд данс байхгүй бол Photon -д зориулсан данс үүсгээрэй.
4. Photon/P Series дээр дарна уу.
5. NEXT дээр дарсны дараа танд файлыг үзүүлэх ёстой (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 руу нэвтэрнэ үү.

Бид самбар дээр LED анивчсан эсэхийг шалгахыг хүсч байна. Таны Photon самбар дээр цэнхэр өнгийн жижиг LED байна. Энэ нь D7 -ийн хажууд байрладаг. Та файлыг татаж аваад, startstarted-blinknet.ino-ийг татаж аваад тэндээс кодуудыг үзэх боломжтой. Үүнд тайлбар байна. Particle Web IDE дээрх эх кодыг нээхийн тулд энэ линк дээр дарна уу. Хэрэв D7 (жижиг цэнхэр LED) анивчих юм бол баяр хүргэе, та зүгээр л Particle төхөөрөмжөө ашиглан LED анивчлаа! Хэрэв та өөр өөр LED анивчих, гэрэл мэдрэгч унших гэх мэт Photon -ийн талаар илүү ихийг мэдэхийг хүсвэл энд линк байна.

Одоо бид Philips Hue руу шилжих болно.

Алхам 4: Philips Hue

Лавлагааны хувьд: Phillips Hue API -ийн талаар энд дарна уу.

Philips Hue API баримт бичигт хандахаасаа өмнө та хөгжүүлэгчээр бүртгүүлэх шаардлагатай болно. Энэ нь үнэгүй, гэхдээ та нөхцөл, нөхцлийг хүлээн зөвшөөрөх хэрэгтэй.

1. Нэгдүгээрт, Philips Hue Bridge (анхны зураг) сүлжээндээ холбогдсон эсэхийг шалгаарай. Test Hue App (Hue App нь iOS болон Android дээр боломжтой) ижил сүлжээний гэрлийг хянадаг.

Хэрэв та үүнийг амжилттай туршиж үзвэл сүлжээнийхээ гүүрний IP хаягийг олж мэдэх хэрэгтэй. Www.meethue.com/api/nupnp хаягаар орж Philips -ийн брокер серверийн нээлтийг ашиглаарай.

Та IP хаягаа олохдоо үүнийг хөтөчийн хаягийн мөрөнд URL -д хавсаргасан debug/clip.html хаягаар оруулна уу: https:// bridge IP Address/debug/clip.html. Та ийм интерфэйсийг (хоёр дахь зураг) харах ёстой.. Тэмдэглэл: "Гүүр IP хаяг" -ыг өөрийн IP хаягаар солино уу.

2. Энгийн тушаал хийж таны өнгөний системийн талаар мэдээлэл авцгаая. Биеийг хоосон орхихын тулд доорх дэлгэрэнгүй мэдээллийг оруулаад GET товчийг дарна уу. Та ийм интерфэйсийг (гурав дахь зураг) харах ёстой. Та алдааны мэдэгдэл хүлээн авах ёстой. Тэмдэглэл: "Гүүр IP хаяг" -ыг өөрийн IP хаягаар солино уу.

Хаяг: https:// гүүр IP хаяг/api/newdeveloperBody: Арга: GETБаяр хүргэе! Та зүгээр л анхныхаа тушаалыг илгээнэ үү! Дараа нь доорх мэдээллийг бөглөж, POST товчийг дарна уу. Тэмдэглэл: "Гүүр IP хаяг" -ыг IP хаягаар, "утасны төрөл" нэрийг өөрийн утсаар солино уу.

Хаяг: https:// гүүр IP хаяг/apiBody: {"devicetype": "my_hue_app#утасны төрөл"} Арга: POST

Холбоос нь танд үүнийг бий болгоход тусална. POST товчлуурыг дарахад Hue Bridge дээрх холбоосын товчлуурыг дарах ёстой гэсэн алдааны мессежийг (дөрөв дэх зураг) буцааж авах ёстой. Энэ бол аюулгүй байдлыг хангах алхам бөгөөд ингэснээр зөвхөн таны гэрлийг хянахыг хүсч буй програм эсвэл серверүүд юм. Hue Bridge дээрх холбоосыг дарснаар хэрэглэгч өнгөт гүүр рүү физик байдлаар нэвтрэх боломжтой болохыг нотолж байна.

Амжилттай хариулт авахад (тав дахь зураг) баяр хүргэе! Та дөнгөж сая эрх бүхий хэрэглэгч үүсгэсэн бөгөөд үүнийг бид одооноос ашиглах болно.

4. Хамгийн сүүлийн жишээ бол бид үүнийг Photon Particle -д нэгтгэхээс өмнө таны гэрлүүдийн аль нэг нь асаалттай, асаалттай байгаа эсэхийг шалгаарай. Та ямар тооны гэрэл болохыг мэдэх хэрэгтэй. URL -г/api/хэрэглэгчийн нэр/гэрэл/гэрлийн дугаар/төлөв болгон өөрчил (гэрлийн дугаарыг [1, 2, 3, эсвэл байж болно] болгон өөрчил), дараах өгөгдөлтэй PUT товчийг илгээнэ үү.

Тэмдэглэл: Гүүрний IP хаяг, хэрэглэгчийн нэр, гэрлийн дугаарыг өөрчилсөн эсэхээ шалгаарай

Хаяг: https:// гүүр IP хаяг/api/хэрэглэгчийн нэр/гэрэл/гэрлийн дугаар/төлөв

Үндсэн хэсэг: {"асаалттай": үнэн, "суусан": 254, "bri": 254, "өнгө": 10000}

Арга: PUTТа гэрлээ өнгөөр нь харах ёстой:

Алхам 5: Фотоныг товчлуур ба утсаар тохируулах

Photon Web IDE -д илүү олон код боловсруулахын өмнө бид Photon -ийг товчлуур, утсаар тохируулахыг хүсч байна. Танд Particle Starter Kit -ээс хэд хэдэн товчлуур, олон утас байгаа бөгөөд би хоёр дүрс хавсаргасан болно: нэг нь диаграм, нөгөө нь бодит зураг.

1. Фотоноо талхны самбар дээр байрлуулсан эсэхээ шалгаарай.
2. Зурагт үзүүлсэн шиг талхны хавтангийн доод талд товчлуурыг байрлуул.
3. J4 (GND) дээр хар утасны үзүүрийг тавьж, J30 -д ижил хар утасны өөр үзүүрийг тавь.
4. Шар утасны төгсгөлийг J7 (D5), нөгөө шар утасны өөр үзүүрийг J28 дээр тавь.

Хэрэв тэд миний дүр төрхтэй тохирч байвал би танд харуулсан бол та сайн байна!

Алхам 6: Фотон бөөм дээр код бичих

Бид анхны програмаа Photon Particle - Web IDE дээр үүсгэх болно.

1. Https://build.particle.io/build руу орж нэвтэрнэ үү (хэрэв та хараахан үүсгээгүй бол бүртгүүлнэ үү)
2. Одоогийн програмын доор "Visual Notification Alert" гэж бичнэ үү.
3. Enter товчийг дарна уу (эхний зургийг үзнэ үү).

Програмыг Photon Particle Cloud дээр хадгалдаг. Аппликешн эхэлж нэг удаа ажиллахад setup () функцийг дууддаг. Loop () функц нь яг юу хийж, дараалан давтаж, таны програмыг өөрчлөх, хариу өгөх боломжийг олгодог.

Photon Particle -д 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. Үүнийг 1 -р алхамаас IPAddress hueIP (x, x, x, x) дээрх гүүрнийхээ 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}"; / *** Philip Hue -ийн END тохиргоо *** / Button const int BUTTON_PIN = D5; // HttpClient объект нь Hue гүүр рүү HTTP хүсэлт гаргахад ашиглагддаг HttpClient 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; // Онгоцны LED нь мэдрэгчтэй цорго pinMode (D7, OUTPUT) -ын заагч гэрэл болно; // Оруулахын тулд бид BUTTON_UP-ийг оролтын татах гэж тодорхойлдог. Энэ нь төхөөрөмжөөс тогтмол унших ажиллагааг удирдахын тулд дотоод татах эсэргүүцэл // ашигладаг. pinMode (BUTTON_PIN, INPUT_PULLUP); // зүүг оролт болгон тохируулдаг // Бид "Button" нэртэй IFTTT арга хэмжээндээ "Subscribe" хийдэг бөгөөд үүндээ зориулж Particle.subscribe ("RIT_Gmail", myHandler); Particle.subscribe ("Trello", myHandler); } // setup () function void loop () { / * * Энэ нь гэрлийн дохио өгөх эсэхийг шалгах хэсэг юм / / // товчлуурыг дарж унших замаар дарагдсан эсэхийг олж мэдэх болно. int buttonState = digitalRead (BUTTON_PIN); // Товчлуурыг дарахад бид LOW дохио авах болно. // Товчлуурыг дарахгүй бол бид HIGH -ийг авах болно. хэрэв (buttonState == LOW) gmailAlert (); } // loop () функц void printInfo () {Serial.print ("Application> / tResponse status:"); 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 (event) цувралаар хэвлэх тест; Serial.print (", өгөгдөл:"); хэрэв (өгөгдөл) Serial.println (өгөгдөл); else Serial.println ("NULL"); if (strcmp (event, "Trello") == 0) {trelloAlert (); } if if (strcmp (event, "Gmail") == 0) {gmailAlert (); }} // myHandler () function /** Гэрлийг тохируулах өнгөний утга. * Өнгөний утга нь 0 -ээс 65535 хүртэлх боодлын утга юм. * 0 ба 65535 хоёулаа улаан, * 25500 нь ногоон, 46920 нь цэнхэр өнгөтэй байна. * / / *** Энэ нь цэнхэр өнгийг ашиглан Philips Hue Smart Bulb ашиглан анхааруулга өгөх болно. Энэ нь 15 секундын турш анхааруулах болно. */ void trelloAlert () {String trello_body_alert = "{" on / ": true, \" bri / ": 255, \" sat / ": 255, \" hue / ": 46920, \" alert / ": / "lselect \"} "; sendHttpPut (trello_body_alert); } /*** Энэ нь улаан өнгийг ашиглан Philips Hue Smart Bulb ашиглан анхааруулах болно. Энэ нь 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 руу бичиж, хуулж дуусаад, мөрний зүүн дээд буланд байгаа check icon (Verify) дээр дарна уу.

Алхам 7: Фотон дээр код байршуулж байна

Энэ алхам нь маш энгийн. Фотон дээр код оруулахаас өмнө:

1. USB кабелийг тэжээлийн эх үүсвэрт холбоно уу (зөөврийн компьютер ашиглахыг зөвлөж байна).
2. Таны фотон амьсгалах цэнхэр LED -тэй эсэхийг шалгаарай. Хэрэв цэнхэр өнгөөр амьсгалахгүй эсвэл өөр өнгөтэй байвал 2 -р алхам руу очно уу
3. Photon Particle Web IDE дээрээс Lighting дүрс дээр дарна уу.
4. Фотон дээр кодыг байршуулах үед та ягаан өнгийг харах ёстой. Энэ нь кодыг код руу байршуулж эхэлдэг гэсэн үг юм. Дараа нь тэр хурдан ногоон анивчих болно, дараа нь хөх өнгөөр амьсгална.
5. Philips ухаалаг чийдэнгээ анивчих (эсвэл анхааруулах) эсэхийг харахын тулд товчлуурыг дарна уу.

Хэрэв Philips Smart Bulb анхааруулга өгч байвал танд баяр хүргэе! Бид бараг дуусч байна!

Бид програм хангамжийн хэсэг рүү шилжих болно.

Алхам 8: IFTTT -аас апплет үүсгэх (Хэрэв энэ бол, тэгвэл)

Бид апплетуудыг IFTTT (If This, That That) вэбсайтаас үүсгэх болно. Апплетууд Photon дээр үйл явдал нийтэлж, дараа нь Photon нь Philips Hue Bridge -т ухаалаг чийдэнг анхааруулах командыг илгээдэг.

Энэ төслийн хувьд бид Trello болон Gmail ашиглан Photon дээр үйл явдлуудыг нийтлэх болно.

Https://ifttt.com/ руу орж бүртгүүлнэ үү.

Трелло

1. Дээд талд байрлах Миний Апплет дээр дарна уу.
2. Шинэ Апплет дээр дарна уу.
3. Үүнийг цэнхэр текстээр + дарна уу.
4. Хайлтын талбарт Trello гэж бичээд дарна уу.
5. Надад оноосон карт дээр дарна уу.
6. Trello дээрээс самбараа сонгоно уу.
7. Цэнхэр текстээр +гэж дарна уу.
8. Хайлтын талбарт Particle гэж бичээд дарна уу.
9. Үйл явдал нийтлэх дээр дарна уу.
10. Дараа нь нийтлэх (Үйл явдлын нэр) хэсэгт "Trello" гэж бичнэ үү.
11. Нийтийг сонгоно уу.

Gmail (Анхаарна уу: тэд таныг бүртгүүлэхэд таны имэйл хаягийг ашиглах болно)

1. Дээд талд байрлах Миний Апплет дээр дарна уу.
2. Шинэ Апплет дээр дарна уу.
3. Үүнийг цэнхэр текстээр + дарна уу.
4. Хайлтын талбарт Gmail гэж бичээд дарна уу
5. Ирсэн имэйл дэх шинэ имэйлийг сонгоно уу
6. Цэнхэр текстээр +гэж дарна уу.
7. Хайлтын талбарт Particle гэж бичээд дарна уу
8. Үйл явдал нийтлэх дээр дарна уу.
9. Дараа нь нийтлэх (Үйл явдлын нэр) хэсэгт "Gmail" гэж бичнэ үү.
10. Нийтийг сонгоно уу.

Трелло, Gmail гэсэн хоёр апплеттай болсны дараа бид эцсийн алхам руу шилжиж байна.

Алхам 9: Эцэст нь тест хийх

Бид Апплетээс Фотон хүртэлх үйл явдлыг нийтлэхийн тулд тест хийх болно. Апплетууд асаалттай байгаа эсэхийг шалгаарай.

Трелло

Trello -д хэн нэгэн шинэ карт үүсгэхэд тэд таныг картанд оноож өгөх болно. IFTTT үүнийг сонсоод Photon дээр үйл явдал нийтэлж эхэлдэг. Дараа нь Фотон Филип Хью гүүр рүү ухаалаг чийдэнг анхааруулах тушаал илгээдэг.

Gmail

Ирсэн имэйл хайрцагтаа шинэ имэйл ирэхэд IFTTT үүнийг сонсоод Photon дээр үйл явдлыг нийтэлж эхэлдэг. Дараа нь Фотон Филип Хью гүүр рүү ухаалаг чийдэнг анхааруулах тушаал илгээдэг.

Сорилтууд

• Бид Trello болон Gmail -ээс шинэ мэдэгдэл хүлээн авах бүрт IFTTT -ээс арга хэмжээ илгээх, Photon -аас тушаал илгээхэд маш их саатал гардаг. Ухаалаг чийдэнг анхааруулахад 5 минутаас бага хугацаа шаардагдана.
• Апплетийг дахин холбох эсвэл шинэчлэх шаардлагатай байдаг тул заримдаа Gmail апплет өөрөө унтардаг.