Զաւէն Ճուհարեան
  1. Զաւէն Ճուհարեան
  2. Բլոգ

Արագ ծրագրաւորում Lovable-ով, Supabase-ով եւ Flutter-ով

2 րոպէ ընթերցում

Գործնական քայլ առ քայլ ուղեցոյց՝ Lovable, Supabase եւ Flutter գործիքներով համացանցային եւ բջջային յաւելուածներ արագօրէն կառուցելու համար։

Արագ ծրագրաւորում Lovable-ով, Supabase-ով եւ Flutter-ով

Այսօր ամբողջական եւ պատրաստի ծրագրային ապահովումներ արագօրէն ստեղծելու համար ամենէն արդիւնաւէտ ճամբան արհեստական բանականութեան գործիքները բաց կոդով վստահելի ենթակառոյցներու հետ միաւորելն է։ Ամենէն արագ գործելակերպը կը կայանայ Lovable-ի (համացանցային յաւելուածներու համար), Supabase-ի (տուեալներու շտեմարանի եւ վաւերացման համար) եւ Flutter-ի (բազմահարթակ բջջային յաւելուածներու համար) համադրութեան մէջ։

Ահա գործնական քայլերը՝ այս միջոցներով ծրագիրներ կառուցելու եւ հրապարակելու համար։

1. Կազմակերպել տուեալներու ենթակառոյցը Supabase-ի մէջ

Արագութիւնը կը սկսի տուեալներու շտեմարանի ճիշդ կառուցուածքէն։ Supabase-ը կը տրամադրէ ամպային PostgreSQL տուեալներու շտեմարան, օգտատէրերու ինքնութեան ստուգում (Authentication), նիշքերու պահեստաւորում (Storage) եւ սերվըրային գործառոյթներ (Edge Functions)։

Սկսելու համար՝

  1. Ստեղծեցէք նոր ծրագիր Supabase-ի մէջ կամ միացուցէք զայն անմիջապէս Lovable-ի միջոցով։
  2. Սահմանեցէք հիմնական աղիւսակները, կապերը եւ ապահովութեան կանոնները (Row Level Security)։
  3. Կարգաւորեցէք մուտքի եղանակները (ել-նամակ կամ ընկերային ցանցերու միջոցով) անմիջապէս հարթակէն։

Իմ կարծիքով՝ Supabase-ը պարզ տուեալներու շտեմարան մը չէ, այլ վստահելի հիմք մը, որ կ'ապահովէ տուեալներու անվտանգութիւնը եւ կը զերծ պահէ մէկ մատակարարէ կախեալ ըլլալու վտանգէն։

2. Կառուցել համացանցային յաւելուածը Lovable-ով

Lovable հարթակը մարդկային պարզ հրահանգները կը վերածէ React կոդի եւ անմիջապէս կը կապէ զայն տուեալներու շտեմարանին։ Supabase-ի հետ ունեցած սերտ կապին շնորհիւ, կարելի է պարզ հարցումներով ստեղծել նոր աղիւսակներ եւ էջեր։

Հիմնական քայլերը՝

  1. Միացուցէք ձեր Supabase-ը Lovable-ի կարգաւորումներուն մէջ։
  2. Գրաւոր հրահանգով պահանջեցէք հիմնական էջերը, մուտքի պատուհանները եւ գործիքներու վահանակը։
  3. Հրահանգեցէք կապել ձեւաթուղթերը Supabase-ի աղիւսակներուն հետ՝ տուեալները պահպանելու եւ ուղիղ թարմացումներ ստանալու նպատակով։
  4. Միացուցէք ծրագիրը GitHub-ի պահոցին՝ փոփոխութիւնները մնայուն պահելու համար։

Lovable-ի մեծ առաւելութիւնը յաւելեալ ձանձրալի կոդեր գրելու ժամանակը խնայելն է։

3. Կառուցել բջջային յաւելուածը Flutter-ով

Երբ տուեալներու համակարգը պատրաստ է Supabase-ի մէջ, կարիք չկայ բջջային յաւելուածի տրամաբանութիւնը նորէն գրելու։ Flutter-ը հնարաւորութիւն կու տայ մէկ ելակէտային կոդով յաւելուածներ ստեղծել iOS-ի եւ Android-ի համար՝ օգտագործելով նոյն տուեալներու շտեմարանը։

Բջջային յաւելուածի քայլերը՝

  1. Ստեղծեցէք Flutter ծրագիրը եւ աւելցուցէք supabase_flutter գրադարանը։
  2. Կապակցեցէք Supabase-ի հասցէն եւ բանալին ձեր ծրագրի մեկնարկային ֆայլին մէջ։
  3. Գործածեցէք պատրաստի գործիքները՝ օգտատէրերու մուտքը հաստատելու համար։
  4. Կապեցէք աղիւսակները Flutter-ի տեսողական բաղադրիչներուն հետ եւ կարգաւորեցէք նկարներու վերբեռնումը։
  5. Արհեստական բանականութեան գործիքներու միջոցով արագօրէն պատրաստեցէք անհրաժեշտ էջերն ու ստուգման դաշտերը։

Քանի որ ապահովութեան կանոնները հաստատուած են Supabase-ի մակարդակին վրայ, բջջային յաւելուածը կը գործէ նոյն խիստ անվտանգութեամբ, ինչպէս համացանցային կայքը։

4. Տարանջատել փորձարկման եւ վերջնական միջավայրերը

Արագութիւնը առանց կարգապահութեան կրնայ վնասել ծրագրին։ Արհեստական բանականութեան գործիքներ գործածելու ատեն անհրաժեշտ է փորձարարական կոդը հեռու պահել հիմնական շտեմարանէն։

  1. GitHub-ի մէջ ստեղծեցէք երկու ճիւղ՝ մէկը փորձարկումներու, միւսը՝ պաշտօնական թողարկման համար։
  2. Բացէք երկու անջատ Supabase ծրագիր՝ առաջինը փորձարկումներու եւ նոր գաղափարներու համար, երկրորդը՝ բուն յաճախորդներու տուեալներուն համար։
  3. Միացուցէք կայքը ամպային հարթակի (օրինակ՝ Vercel) եւ փորձարկման ճիւղը կապեցէք փորձնական շտեմարանին։
  4. Գործարկեցէք ինքնաշխատ փորձարկումներ՝ նախքան փոփոխութիւնները հիմնական համակարգ փոխադրելը։

Այս դասաւորումը թոյլ կու տայ արագ զարգացնել ծրագիրը առանց համակարգը խափանելու վտանգի։

Աղբիւրներ

Աշխատինք միասին →