Ստեղծեք իմ սեփական գրաֆիկները ազնվամորի PI- ի իմ IOT տվյալների համար. 3 քայլ

2024 Հեղինակ: John Day | [email protected]. Վերջին փոփոխված: 2024-01-30 09:50

Շարունակեք կարդալ, եթե ցանկանում եք կարողանալ ստեղծել ձեր սեփական IOT գրաֆիկները ՝ օգտագործելով 7 տող կոդ:

Ես ցանկանում էի ստեղծել գծապատկերներ ՝ իմ IOT տվիչներից վեբ էջում գրաֆիկական ձևաչափով տվյալները ցուցադրելու համար: Նախկինում դրա համար ես օգտագործել էի 3 -րդ կողմի ծառայություններ (որոշ վճարովի) և 3 -րդ կողմերի գրաֆիկական գործառույթներ իմ տվյալների բազայի համակարգի համար `Mysql, օգտագործելով ծրագրավորման լեզու, որը հայտնի է որպես Php. Ես գտա, որ այս երրորդ կողմի ծառայությունները չափազանց դժվար կամ չափազանց թանկ են տեղակայելու համար: Հետևաբար, ես գրել եմ իմ պարզ Php գործառույթը, որը վերցնում է տվյալները որպես տեքստային ֆայլից կամ տվյալների բազայի աղյուսակից (գուցե Mysql- ից) և դրանք ցուցադրում է որպես վեբ էջի գծային գրաֆիկ: Ես ամբողջ php կոդը հասանելի եմ դարձրել github- ում ՝ https://github.com/scanos/php-simple-chart. Ես այստեղ ներառել եմ նաև ծածկագրերի մի մասը. Առաջին php ֆայլը ՝ PhpSimpleChart2.php - պարունակում է գծային գրաֆիկի ֆունկցիայի ֆայլ, մյուսը ՝ PhpSimpleChart_ex1.php, օրինակ ֆայլ է, որը ցույց է տալիս, թե ինչպես օգտագործել այն: Ես առաջարկում եմ, որ դուք նաև այցելեք github էջ ՝ կոդի թարմացումներ ստանալու համար:

Ես դա տեղադրում եմ իմ Raspberry Pi- ի վրա: Ահա այն, ինչ ձեզ հարկավոր է.

1) Որոշակի գիտելիքներ վեբ սերվերի տեղադրման վերաբերյալ, ինչպիսիք են Apache- ն, տվյալների բազա, ինչպիսիք են Mysql- ը և PHP- ն: Միասին դրանք հայտնի են որպես LAMP ՝ Linux, Apache, Mysql և PHP: և համացանցում կա հսկայական տեղեկատվություն ՝ դրանք Raspberry Pi- ի վրա տեղադրելու վերաբերյալ: Հետեւաբար, ես այստեղ չեմ անդրադառնա դրան:

2) LAMP linux միջավայր - կրկին, ինչպես օրինակ Raspberry Pi- ն:

3) Ձեր վեբ միջավայրում ֆայլեր վերբեռնելու և ստեղծելու միջոց, այսինքն ՝ ձեր Raspberry Pi- ի պանակները, որտեղ դուք տեղադրում եք ձեր ծրագրի php ֆայլերը:

Հաջորդը, ես ձեզ ցույց կտամ, թե ինչպես ստեղծել ձեր սեփական Php ֆայլերը ՝ օգտագործելով երկու php ֆայլերը, որոնց մասին ես ակնարկել էի ավելի վաղ:

Քայլ 1: PHP գործառույթի կոդը - PhpSimpleChart2.php

Այս ֆայլը կոչվում է PhpSimpleChart2.php - դուք պետք է այն ներբեռնեք git պահոցից ՝ կտտացնելով ներլցման / կլոն կոճակը - տես վերևի պատկերը: Դա անելուց հետո երկու php ֆայլերը փոխանցեք ձեր վեբ սերվերին ՝ օգտագործելով ձեր ստանդարտ FTP հաճախորդը, կամ գուցե դուք տեղադրել եք samba բաժնետոմս ձեր Raspberry Pi- ում, ինչը ձեր Pi պանակները նման է windows- ի թղթապանակների:

Դուք իսկապես կարիք չունեք փոխել այս հիմնական Php ֆայլի ծածկագիրը `PhpSimpleChart2.php: Սա Php- ի համար գծային գծապատկեր ստեղծելու պարզ գործառույթ է: Հիմնականում գործառույթին փոխանցվում է 2 զանգված, ինչպես նաև այլ արգումենտներ, ինչպիսիք են գծապատկերի չափերը: 1 -ին զանգվածը պարունակում է առաջին հում արժեքները, ինչպիսիք են ջերմաստիճանը և այլն: Երկրորդ զանգվածը պարունակում է համապատասխան ամսաթվի արժեքներ: Triesրագիրը փորձում է ավտոմատացնել գրաֆիկը `կախված տիրույթից, min, max և զանգվածի տարրերից: Ստացված աղյուսակը կարող է կտրվել և տեղադրվել MS գրասենյակի փաստաթղթերի մեջ ՝ որպես gif,-p.webp

PhpSimpleChart2.php- ը ձեր վեբ սերվերում վերբեռնելուց հետո կարող եք գրել ձեր սեփական սցենարը `սա օգտագործելու համար: Սա ցուցադրվում է հաջորդ էջում:

Քայլ 2. Գրեք ձեր սեփական ծրագիրը `հիմնվելով ծրագրի օրինակին:

Ես ցույց տվեցի օրինակելի ծրագիր ՝ PhpSimpleChart_ex1.php, որը կրկին գտնվում է git շտեմարանում: Կոդի առաջին տողն է կանչել php սցենարը, որը պարունակում է գծապատկերման գործառույթը.

պահանջել («PhpSimpleChart2.php»);

Այս դեպքում PhpSimpleChart2.php ֆայլը տեղադրվում է նույն թղթապանակում, ինչ սցենարը, որը դուք գրում եք այն կոչելու համար: Հուսանք, դուք կիմանաք, որ php ֆայլերը պետք է ունենան կարդալու / գրելու ճիշտ հատկություններ 755:

Հաջորդը, դուք պետք է ստեղծեք ձեր տվյալների աղբյուրները և լրացնեք զանգվածը: Ահա զանգվածների օրինակ `մեկը տվյալների և մեկը` կապված ամսաթվերի և ժամերի համար: Ակնհայտ է, որ երկու զանգվածներում պետք է լինի նույն քանակի արժեքներ:

$ data_array = զանգված ("12", "15", "18", "12", "11", "23", "11", "24", "15", "18", "12", " 11 »,« 23 »,« 11 »,« 24 »);

$ date_array = զանգված («12 -րդ 14h», «12 -րդ 15h», «12 -րդ 16h», «12 -րդ 17h», «12 -րդ 18h», «12 -րդ 19h», «12 -րդ 20h», «12 -րդ 21h», «12 -րդ 15h», «12 -րդ 16h», «12 -րդ 17h», «12 -րդ 18h», «12 -րդ 19h», «12 -րդ 20h», «12 -րդ 21h»);

Սովորաբար, դուք կկարդաք այս արժեքները տվյալների բազայի հարցումից կամ կբեռնեք դրանք տեքստային ֆայլից:

Հաջորդը, դուք պետք է սահմանեք ձեր գծապատկերի պարամետրերը: Դա բավականին ուղիղ առաջ է: Սկզբում դուք սահմանում եք վերնագրերը, այնուհետև ամրագրում գրաֆիկի բարձրությունն ու լայնությունը:

$ chart_text = "Իմ թեստային աղյուսակը 2018 թ. հուլիս";

$ y_title = "Temp Deg C";

$ x_scale = 1000;

$ y_scale = 400;

Այնուհետև կատարում եք գործառույթի կանչ հետևյալ կերպ.

draw_line_chart ($ data_array, $ date_array, $ chart_text, $ x_scale, $ y_scale, $ y_title);

Ես կցուցադրեմ պատկերված այս ծրագրի ելքը: Գծապատկերման գործառույթը փորձում է ինքնաչափ չափել և խուսափել y առանցքի և գծապատկերների նկարագրիչ կետերի խառնաշփոթից: Հուսանք, որ այն աշխատում է ձեզ համար: Դա այն ամենն է, ինչ ձեզ հարկավոր է:

Քայլ 3: Եզրակացություն

Հուսով եմ, որ սա օգտակար գտաք: Դուք կարող եք օգտագործել մեկ այլ մեթոդ, որն աշխատում է ձեզ համար, բայց ահա ամեն դեպքում մի քանի միտք.

1) Երրորդ կողմի IOT գծագրման ծառայությունների մեծ մասը գործում է որպես առցանց ծառայություն, որը հասանելի է սովորաբար որպես API:

2) IOT օգտվողներն ունեն գրաֆիկական ֆունկցիոնալության տեղակայման իրավասությունների լայն շրջանակ:

Իմ լուծման դրական կողմերը

ա) Կարող է աշխատել անցանց

բ) Zրոյական արժեք:

գ) Փոքր հետք

ԴԵՄ

ա) Չի փորձարկվել նույն խստությամբ, ինչ ծրագրային ապահովման մեծ տները:

բ) Գործունակության սահմանափակություն, այսինքն ՝ առանց գծապատկերների և այլն:

Մտածելու տեղիք!