Իրական ժամանակի անելիքների ցուցակ ՝ օգտագործելով Google Firebase- ը ՝ 12 քայլ

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

Ողջույն!

Մենք բոլորս օգտագործում ենք «Անելիքների» ցուցակները ամեն օր ՝ լինի դա առցանց, թե անցանց: Մինչդեռ անցանց ցուցակները հակված են կորչելու, իսկ վիրտուալ ցուցակները կարող են սխալ տեղադրվել, պատահաբար ջնջվել կամ նույնիսկ մոռացվել: Այսպիսով, մենք որոշեցինք պատրաստել մեկը Google Firebase- ում ՝ իրական ժամանակի տվյալների բազա: Ինչո՞ւ: Որովհետեւ:

1. Թույն է

2. realիշտ ժամանակն է, այնպես որ փոփոխությունները կատարվում են ակնթարթորեն:

3. Հեշտ օգտագործման և կենտրոնացված; բոլոր տվյալները ամպի վրա են և հասանելի ցանկացած հարթակի միջոցով:

4. Հրաշալի API, որը շատ աջակցում է:

5. Թարմացումները հեշտ է անել:

Այս նախագծում մենք կենտրոնանալու ենք Firebase- ին ձեռքով տվյալներ ավելացնելու վրա:

Քայլ 1: Սկսեք Google Firebase- ով

Այցելեք Google Firebase կայք և կտտացրեք «Մուտք» կոճակին վերևի ձախ անկյունում և մուտք գործեք ձեր Google հաշվի միջոցով:

Մուտք գործելուց հետո կտտացրեք «Գնալ դեպի մխիթարել» ՝ ձեր firebase տվյալների բազայի վահանակին մուտք գործելու համար: Մի անհանգստացեք, դա առաջադեմ ոչինչ չէ:

Քայլ 2. «Նախագծի» պատրաստում

Ձեր նոր էկրանին կտտացրեք Plus- ի հսկայական պատկերակին (Ավելացնել նախագիծ) ՝ նոր նախագիծ ստեղծելու համար: Յուրաքանչյուր նախագիծ կարող է ունենալ միայն մեկ տվյալների բազա, այնպես որ ձեզ հարկավոր կլինի մի քանի անգամ կրկնել այս նախագիծը, եթե ցանկանում եք բազմաթիվ իրական տվյալների բազա:

Այժմ մուտքագրեք ձեր նախագծի անունը և ընտրեք օգտագործման երկիրը: Կտտացրեք Ստեղծել նախագիծ ՝ աշխատելու համար:

Քայլ 3: Բարի գալուստ Firebase վահանակ:

Բեռնելուց հետո կտտացրեք շարունակել: Սա ձեզ կտանի նոր էկրան:

Բարի գալուստ ձեր Google Firebase վահանակ:

Քայլ 4: Տվյալների բազայի ստեղծում

Ձախ ձեռքի ընտրացանկում կտտացրեք «Տվյալների բազա»: Սա ձեզ տանում է դեպի նոր էկրան, որտեղ կարող եք ընտրել Cloud Firestore- ի կամ Realtime Database- ի միջև: Այս նախագծի համար մենք կօգտագործենք Realtime Database: Կտտացրեք Սկսել:

Քայլ 5: Ձեր Firebase- ի անվտանգության կանոնների սահմանում

Firebase- ն առաջարկում է նույնականացման հզոր հնարավորություններ, որպեսզի ձեր տվյալների բազա չարտոնված մուտք չլինի: Այնուամենայնիվ, պարզության համար մենք կօգտագործենք «հանրային» տվյալների բազա, որը կարող է փոփոխվել յուրաքանչյուրի կողմից, ով մուտք ունի ձեր տվյալների բազայի «հավատարմագրեր»: Հավատարմագրերի մասին ավելի ուշ:

Այս ծրագրի համար ընտրեք «Փորձարկման ռեժիմ» և կտտացրեք Միացնել:

Քայլ 6: Բարի գալուստ ձեր Firebase:

Ահա թե ինչպիսին կլիներ ձեր էկրանը: Բացառությամբ նախագծի անվանումը:

Քայլ 7: Ստեղծեք ձեր առաջին առաջադրանքների ցուցակը

Մենք կստեղծենք առաջադրանքների ցուցակներ, որոնք կոչվում են «դույլեր»: Յուրաքանչյուր դույլ տվյալների ներկառուցված ցուցակ է: Մինչ դուք ազատ եք ընտրելու բնադրման ցանկացած ձև, որը կցանկանայիք, այս նախագծի համար յուրաքանչյուր դույլ կներկայացնի առաջադրանք:

Առաջին դույլն ավելացնելու համար կտտացրեք «+» պատկերակին null- ի դիմաց, ինչպես ցույց է տրված:

Քայլ 8: Առաջադրանքների ցուցակի անվանումը

2 Նշվում են հատկանիշներ: Անունը և արժեքը:

«Անուն» պիտակը օգտագործվում է ձեր առաջադրանքի անունին հղում կատարելու համար: Օրինակ, դուք կցանկանայիք ստեղծել ցուցումների ցուցակներ, որոնք ցանկանում եք տեսնել հետագայում: Այսպիսով, մենք օգտագործում ենք Անունը որպես հրահանգներ, քանի որ, ինչու ոչ:

Նկատի ունեցեք, որ դաշտերը կարճ են, ուստի երկար անունների տեսանելիությունը կարող է խնդիր լինել: Այնուամենայնիվ, վստահ եղեք, որ անունը հենց այն է, ինչ մուտքագրել եք:

Թեև մենք կարող էինք Value պիտակի համար ցանկացած արժեք դնել, փոխարենը կցանկանայինք ավելացնել վերնագրի ներքևում գտնվող տարրերի ցանկը: Այսպիսով, այս բույնը ստեղծելու համար մենք կտտացնում ենք «Plus» պատկերակին ՝ Value պիտակի դիմաց:

Քայլ 9: Մանրամասների ավելացում ցուցակին

Դուք կարող եք տեսնել, որ ցուցակի մեկ այլ «մակարդակ» է հայտնվել:

Այժմ մենք նշանակելու ենք «Երբ» կոչվող հատկանիշ ՝ նշելու այն օրը, երբ ցանկանում եք դա անել: Մուտքագրեք «Երբ» անվան պիտակում և «կիրակի», օրինակ ՝ «Արժեք» պիտակում:

Այժմ դուք կցանկանաք ավելացնել հրահանգների տեսակները, որոնք կցանկանայիք տեսնել: Մենք դրանք խմբավորելու ենք «Ինչ» անվան տակ:

Քայլ 10. Tանկին ենթառաջադրանքների ավելացում

Կտտացրեք գումարած պատկերակին ՝ ձեր «Դույլ» կամ «Առաջադրանք» կամ «Listանկ» անվան դիմաց: Նոր դաշտում անվան մեջ մուտքագրեք «Ինչ» և կտտացրեք «գումարած» պատկերակին ՝ այս վերնագրի տակ ցուցակ կազմելու համար: Կտտացրեք գումարած պատկերակին `այլ դաշտ ավելացնելու դիմաց:

Դուք կարող եք տեսնել, որ այլ մակարդակ է հայտնվել: Մուտքագրեք ձեր առաջադրանքները «Անուն» պիտակում և նկարագրություն «Արժեք» պիտակում: Ազատ զգալ այստեղ ավելի շատ բնադրման փորձեր կատարելու համար:

Կտտացրեք ավելացնել ՝ սա վերջնական տեսքի բերելու համար: Կամ կտտացրեք Չեղարկել այն դեպքում, եթե երկրորդ մտորումներ ունեք տվյալների ավելացման վերաբերյալ:

Քայլ 11: Tada

Դուք կտեսնեք, որ ցուցակը փայլում է կանաչ գույնով, այնուհետև այն ամուր նյութականանում է որպես ձեր սահմանած տվյալները: Դուք կնկատեք, որ Firebase- ն ինքնաբերաբար տեսակավորում է ցուցակների «Անունները» և ենթաօրենսդրական այբբենական կարգով:

Եթե առաջադրանքը թերի է թվում, սեղմեք դրա վրա և ոլորեք դեպի աջ ՝ այն ամբողջությամբ տեսնելու համար:

Քայլ 12: Ավարտեք ձեր առաջադրանքների ավելացումը

Կրկնեք սա `ձեր ցուցակը կազմելու համար:

Արագ ամփոփում.

Նոր դույլեր `տեղադրելով ծրագրի նախագծի անվանումը կրող ձախ ցուցակում:

Նոր հատկանիշներ `տեղադրելով առաջադրանքը:

Նոր ենթահամակարգեր ՝ ցանկի ներսում առաջադրանքներ տեղադրելով:

Դուք կարող եք դիտել այս ցուցակը ցանկացած պահի և ցանկացած վայրում: Այն կատարյալ սինխրոնիզացված է: Վայելեք: