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

Ծրագիրներ կառուցել Cursor-ով, Flutter-ով եւ Supabase-ով

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

Գործնական քայլ առ քայլ ուղեցոյց՝ Cursor Agent-ի, պաշտօնական Flutter MCP գործիքներու եւ Supabase-ի միջոցով ամբողջական ծրագիրներ ստեղծելու համար։

Ծրագիրներ կառուցել Cursor-ով, Flutter-ով եւ Supabase-ով

Արագ եւ ապահով բազմահարթակ ծրագիրներ կառուցելու համար պէտք չէ ընտրել դանդաղ ձեռագիր ծրագրաւորման եւ սահմանափակ no-code գործիքներու միջեւ։ Կարելի է Cursor Agent-ը միացնել Flutter-ի պաշտօնական Model Context Protocol (MCP) համակարգին եւ Supabase-ի տուեալներու շտեմարանին՝ ամբողջական արդիւնքներ ստանալու համար քանի մը ժամուան մէջ։

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

1. Կարգաւորել Cursor-ը Flutter եւ Dart MCP գործիքներով

Ընդհանուր արհեստական բանականութեան գործիքները յաճախ հնցած կամ սխալ Flutter ձեւանմուշներ կը գրեն։ Flutter-ի պաշտօնական MCP յաւելուածները կը լուծեն այս խնդիրը։

  1. Բացէք Cursor-ը, անցէք Customize բաժինը եւ ընտրէք Dart and Flutter պաշտօնական յաւելուածը, կամ Cursor-ի զրոյցի պատուհանին մէջ գրեցէք /add-plugin dart-flutter։
  2. Յաւելուածը անմիջապէս կը գործարկէ Dart եւ Flutter MCP սպասարկիչը, որ AI-ին կու տայ անմիջական կապ Dart SDK-ի հետ՝ իրական ժամանակի մէջ ստուգելով սխալներն ու ծածկագիրի կառուցուածքը։
  3. Ծրագրի արմատական թղթապանակին մէջ ստեղծեցէք .cursor/rules թղթածրարը՝ .mdc կանոններու նիշքերով։ Նշեցէք ձեր նախընտրած վիճակի կառավարման ձեւը (օրինակ՝ Riverpod կամ BLoC) եւ ճարտարապետական կանոնները։

2. Կարգաւորել տեղական Supabase-ը CLI-ի միջոցով

Մի՛ աշխատիք անմիջապէս ուղիղ արտադրական շտեմարանի վրայ։ Գործածեցէք Supabase CLI-ը՝ փոփոխութիւնները ապահով արձանագրելու համար։

  1. Տեղադրեցէք Supabase CLI-ը Homebrew-ով (brew install supabase/tap/supabase) կամ npm-ով (npm i -g supabase@latest)։
  2. Տերմինալի մէջ գործարկեցէք supabase init հրամանը։
  3. Գործարկեցէք supabase start հրամանը, որ Docker-ի միջոցով տեղականօրէն կը բանայ PostgreSQL-ը, ինքնութեան ստուգումը (Auth) եւ պահեստը (Storage)։

Այս մօտեցումը թոյլ կու տայ տեղական միջավայրի մէջ փորձարկել Row-Level Security (RLS) ապահովական կանոնները՝ առանց օգտատէրերու տուեալները վտանգելու։

3. Կառուցել տուեալներու նմուշները Cursor Agent-ով

Երբ տեղական շտեմարանը պատրաստ է, Cursor Agent-ի միջոցով (Composer կամ Cmd+I) պատրաստեցէք աղիւսակներն ու տուեալներու շերտը։

  1. Բացէք Cursor Composer-ը Agent եղանակով եւ նկարագրեցէք ձեր ուզած յատկութիւնը։ Խնդրեցէք ստեղծել SQL migration նիշքեր supabase/migrations պանակին մէջ՝ յստակ RLS կանոններով։
  2. Կիրարկեցէք փոփոխութիւնները supabase db reset կամ supabase migration up հրամանով։
  3. Պատուիրեցէք Cursor-ին ստեղծել Dart տուեալներու դասեր (data models)՝ օգտագործելով freezed կամ json_serializable։
  4. Ստեղծել տուէք Repository շերտը supabase_flutter գրադարանի հիման վրայ։ Քանի որ Flutter MCP սպասարկիչը աշխոյժ է, ան չի գործածեր հնցած մեթոտներ։

4. Կառուցել տեսողական բաղադրիչները եւ նոյնականացումը

Տուեալներու շերտը պատրաստ ըլլալէ ետք, կեդրոնացէք էկրաններու եւ նոյնականացման վրայ։

  1. Կարգադրեցէք Cursor-ին կառուցել էկրանները lib/features թղթածրարին մէջ։ Պահանջեցէք գործածել Flutter-ի ներկառուցուած LayoutBuilder-ը եւ Theme.of(context)-ը։
  2. Կառուցեցէք մուտքի էջերը Supabase Auth-ի միջոցով՝ նստաշրջանի (session) պահպանմամբ։
  3. Համոզուեցէք, որ ամէն գործողութիւն կը յարգէ RLS կանոնները, որպէսզի իւրաքանչիւր անձ տեսնէ միայն իր սեփական տուեալները։
  4. Աշխատեցէք կարճ քայլերով՝ ամէն անգամ փոխելով մէկ էկրան կամ մէկ տրամաբանութիւն։

5. Ստուգել, փոխանցել եւ հրապարակել

Ծրագիրը հրապարակելէ առաջ կատարեցէք ամբողջական ստուգում։

  1. Թոյլ տուէք Cursor-ին գործարկել static analysis եւ գրել փորձարկումներ (tests) MCP-ի միջոցով։
  2. Տեղական շտեմարանի փոփոխութիւնները փոխանցեցէք Supabase Cloud ամպային համակարգին՝ supabase db push հրամանով։
  3. Փորձարկեցէք ծրագիրը flutter build web հրամանով կամ հեռախօսի էմիւլաթորներու վրայ։

Իմ կարծիքով՝ Cursor-ի, Flutter MCP-ի եւ Supabase-ի միացումը կու տայ արագութիւն՝ առանց ձեր սեփական ծածկագիրի (codebase) վերահսկողութիւնը կորսնցնելու։

Աղբիւրներ

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