Кодгүй хөгжүүлэлт нь програмист бус хүмүүс болон програмистуудад график хэрэглэгчийн интерфэйс ашиглан код бичихгүйгээр програм үүсгэх боломжийг олгодог вэб хөгжүүлэлтийн хэв маяг юм.
Кодгүй хөдөлгөөн нь технологи нь нэвтрэхэд саад болохоос илүүтэйгээр инновацийг дэмжих, дэмжих ёстой гэсэн санаан дээр тулгуурладаг.
Бидний өдөр тутмын амьдралдаа хийдэг ихэнх зүйл нь код дээр суурилдаг.
Програмчлал нь бидэнд банкны дансаа шалгах, найз нөхдийнхөө нийгмийн сүлжээн дэх зургийг шалгах, дуртай цахим худалдааны сайтуудаасаа шинэ хувцас худалдаж авах зэрэг зүйлсийг хийх боломжийг олгодог.
Хэрхэн кодлохыг мэддэггүй бидний ихэнх хүмүүсийн хувьд вэб програм хөгжүүлэх эсвэл вэбсайт бүтээх санаа нь үүрд боломжгүй мэт санагддаг.
Өмнө нь зөвхөн хөгжүүлэгчид болон кодчиллын мэргэжилтнүүдэд зориулагдсан хаалттай газар байсан бол одоо олон нийтэд нээлттэй байна.
Кодгүй хөдөлгөөн нь програмчлалын хэлний мэдлэгийн саадыг эвдэж, хүн бүр өөрийн санаагаа илэрхийлэх боломжийг олгосон.
Та Google-ийн маш хэрэгтэй UI хэрэгсэл болох Flutter-ийн талаар мэдэх нь дамжиггүй.
Үнэн хэрэгтээ 2021 оны тавдугаар сараас эхлэн Google-ийн хуучин хоёр ажилтны бүтээсэн чирж буулгах интерфэйс болох FlutterFlow-ийг нэвтрүүлснээр бүх зүйл илүү хялбар болсон. iOS болон Android-д зориулсан гар утасны програм бүтээх.
Энэ нийтлэлд бид FlutterFlow гэж юу болох, түүний онцлог, давуу тал, өртөг зэрэг таны мэдэх шаардлагатай бүх зүйлийг авч үзэх болно.
Гэхдээ эхлээд тайзыг тавихын тулд дуртай Flutter-ээ харцгаая.
Гэж юу вэ Дөлж байна?
Google-ийн Flutter нь нэг кодын баазаас олон платформ, эх хэлбэрээр бүтээгдсэн програмуудыг бий болгох үнэгүй, нээлттэй эхийн хүрээ юм.
Энэ нь таны хэрэглэж буй үйлдлийн системээс үл хамааран сэтгэл ханамжтай туршлагыг бий болгох программуудыг бий болгож, санаагаа хэрэгжүүлэхэд тань тусална.
Энэ нь гар утасны UI хүрээ бөгөөд хөгжүүлэгчдэд iOS болон Android-д зориулсан онцлог шинж чанартай програмуудыг хялбар, хурдан, өөрчлөх боломжийг олгодог.
Flutter хөгжүүлэгчид iOS болон Android аль алинд нь програм үүсгэхийн тулд ижил програмчлалын хэл, кодын санг ашиглах боломжтой.
Виджетүүд нь Flutter-ийн дизайн хийхэд маш чухал юм. Хэрэв танд програмчлалын болон хөгжүүлэлтийн туршлага байхгүй бол та олон виджетийг нэгтгэн UI-г бүхэлд нь бүтээх боломжтой.
Энэ нь ашиглахад бэлэн виджетүүдийг өгч, OEM виджетүүдэд тавигдах шаардлагыг арилгадаг бөгөөд та өөрөө ч үүсгэж болно. Google-ийн объект хандалтат програмчлалын хэл Dart нь Flutter програмуудыг үүсгэхэд ашиглагддаг.
Dart нь үндсэн код руу шууд хөрвүүлснээр програмд Windows-ийн стандарт програмын дүр төрх, мэдрэмжийг өгдөг.
Цаашилбал, статустай халуун дахин ачаалах дэмжлэгтэйгээр та интерактив орчны бүтээмжийг олж авах бөгөөд энэ нь таны програм ажиллаж байх үед өөрчлөлт хийх, үр дагаврыг шууд харах боломжийг олгодог.
Одоо үүнийг Betterment, BMW, ByteDance зэрэг хагас сая гаруй програм ашиглаж байна. Flutter нь одоо хамгийн өргөн хэрэглэгддэг платформ хоорондын UI хүрээний нэг юм.
Гэж юу вэ Flutterflow?
FlutterFlow нь Google-ийн хуучин хоёр хөгжүүлэгчийн бүтээсэн Flutter платформд зориулсан гуравдагч талын харааны програм бүтээгч юм. Үүнийг Google I/O дээр үзүүлсэн бөгөөд Y Combinator дэмждэг.
Энэ нь танд ямар ч код бичихгүйгээр програм хөгжүүлэх боломжийг олгодог визуал програм үүсгэх хэрэгсэл юм. Мобайл болон ширээний программуудыг хөгжүүлэх Google-ийн платформ Firebase-ийг FlutterFlow дэмждэг.
Та энгийн бүтээгчийн ачаар чирэх, буулгах аргыг ашиглан төрөлх програмынхаа UI-г хялбархан хөгжүүлэх боломжтой.
Таны дизайныг хүссэн үедээ экспортлох, шинэчлэх боломжтой цэвэр Flutter код болгон хувиргах болно.
Цаашилбал, Algolia болон Codemagic зэрэг гуравдагч талын үйлчилгээг ашиглан таны кодгүй програмыг сайжруулах боломжтой.
Flutter Flow нь одоогийн кодын суурьтай ажилладаг тул мэдээллийн технологийн салбарын хөгжүүлэгчдэд түгээмэл хэрэглэгддэг хэрэгсэл юм.
Энэ нь нээлттэй эх сурвалж учраас нийгэмлэгийн оруулсан аливаа өөрчлөлтийг ирээдүйн хувилбаруудад шууд оруулах болно. Та мөн iOS дээрх Flutter-д ашиглахын тулд тэдний төслийн UI-г QML руу экспортлох боломжтой.
Онлайн Git репозиторыг холбосноор та үйлдвэрлэсэн эсвэл төрөлх Flutter кодыг хялбархан хуваалцах боломжтой.
Прототипийг кодлох нь бүрэн хэмжээний программ хангамжийг боловсруулахтай адил цаг хугацаа их шаарддаг тул энэ нь дизайнеруудын цагийг ихээхэн хэмнэдэг!
Та Flutter Flow-ийг ашиглан харж, харьцах боломжтой загвараа бүтээх боломжтой бөгөөд энэ нь танд өөрийн үзэл баримтлалыг дүрслэн харуулах, бодит хэрэглүүрийг бүтээхийн өмнө зөв болтол нь тохируулах боломжийг олгодог.
онцлог
- iOS болон Android үйлдлийн системд зориулсан хөгжүүлэлт – Та ямар ч код бичихгүйгээр програм хөгжүүлэх боломжтой бөгөөд iOS болон Android үйлдлийн системд нэгэн зэрэг хийх боломжтой.
- Ямар ч код бичихгүйгээр програм бүтээх – Энэ нь ойлгомжтой сонсогдож болох ч FlutterFlow-ийн хамгийн сэтгэл татам тал юм.
- UI бүрэлдэхүүн хэсгүүд болон загварууд – 50 гаруй дэлгэцийн загвар, урьдчилан бүтээгдсэн 40 гаруй виджет, гуравдагч талын олон холбогч (Braintree, Google AdMob гэх мэт) байдаг бөгөөд эдгээр нь таны цагийг хэмнэх болно.
- Хэрэглэгчийн баталгаажуулалт – Хэрэглэгчийн баталгаажуулалт нь Firebase, Google болон Facebook-ийн нэвтрэлтийг нэгтгэхийн тулд товчлуурыг чирэхтэй адил хялбар юм.
- Аппликешндээ шууд өгөгдөл үүсгэж нэмээрэй – Firebase нь танд өгөгдлийн дэд бүтцийг тохируулах, шууд өгөгдөлд холбогдоход хялбар болгодог.
- Эх кодыг татаж авах - Та өөрийн ажлыг хариуцна; Та гар утасны програмдаа цэвэр, уншихад хялбар эх кодыг хялбархан татаж авах боломжтой.
- GitHub тохиргоо – GitHub интеграци нь танд төслөө GitHub репозитортой холбож, хүссэн үедээ түүн рүү код нийтлэх боломжийг олгоно.
- Удирдамжтай алдааг олж засварлах - Бодит цагийн санал хүсэлт, алдааг засч залруулах замаар та боломжит бэрхшээлээс зайлсхийх, шийдвэрлэх боломжтой.
FlutterFlow-г ашиглаж эхэлж байна
Flutterflow-ийг эхлүүлэхийн тулд дараах элементүүдийг энд оруулав.
- Төслийн самбар
- Залуурбарын цэс
- UI Builder
Төслийн самбар
FlutterFlow дахь самбарын хуудас нь төслүүдийг удирдахад тусалдаг.
Та энэ дэлгэцээс шинэ төслүүд үүсгэх, хуулбарлах, устгах боломжтой.
1. Төсөл
Та энэ хэсгээс FlutterFlow дээр хийсэн аль ч төсөлдөө хандах боломжтой. Та цоо шинэ төсөл эхлүүлэхийн тулд Төсөл үүсгэх товчийг ашиглаж болно.
2. Нөөц
"Нөөц" дүрс дээр дарснаар та FlutterFlow дээр програм хөгжүүлэхэд туслах олон төрлийн үнэ цэнэтэй нөөцийг олох боломжтой болно. Видео хичээлүүд нь аливаа санааг судлахад маш их хэрэгтэй байдаг бөгөөд хэрэв танд ямар нэгэн асуудал тулгарвал Олон нийтийн форумыг ашиглах боломжтой.
3. Дансны
Бүртгэлийн хуудас нь таны дансны дэлгэрэнгүй мэдээллийг шалгах эсвэл өөр FlutterFlow төлөвлөгөө рүү шинэчлэхийг хүсвэл илүү олон функцэд хандах боломжтой.
4. Гарах
Бүртгэлийн хуудас нь таны дансны дэлгэрэнгүй мэдээллийг шалгах эсвэл өөр FlutterFlow төлөвлөгөө рүү шинэчлэхийг хүсвэл илүү олон функцэд хандах боломжтой.
Залуурбарын цэс
Навигацийн цэс нь таны FlutterFlow төслийн хуудасны хамгийн зүүн талын цэс юм.
Энэ нь төслийн хэрэглэгчийн интерфэйс бүтээгч болон виджетийн мод руу нэвтрэх, мөн Firestore мэдээллийн баазыг нэмэх, API дуудлагыг тохируулах, зургийн хөрөнгийг байршуулах, нэгтгэх зэрэг төслийн функцуудыг нэмэх хуудас руу шилжих боломжийг олгодог.
UI Builder
FlutterFlow дээрх UI Builder таб нь танд өөрийн програмыг үүсгэж, хувийн болгох боломжийг олгоно. Энэ хуудсанд таны апп-ын байршлыг зохиоход ашиглаж болох бүх UI бүрэлдэхүүн хэсгүүдийг (мөн виджет гэж нэрлэдэг) жагсаасан болно.
1. зураг
Энэ нь хөдөлгөөнт төхөөрөмжийн интерфейсийг харуулж байгаа бөгөөд та чирж, буулгах замаар зотон дээр бүрэлдэхүүн хэсгүүдийг нэмж болно.
2. виджет
Widget нь хэрэглэгчийн интерфейсийн бүх элемент эсвэл бүрэлдэхүүн хэсгүүдийг агуулдаг. Эдгээрийг чирж, буулгах замаар зотон дээр нэмж болно. Мөн ямар нэгэн виджетийг хурдан олоход туслах хайлтын талбар байдаг.
3. Properties Panel
Properties Panel нь харагдах байдал, дэвсгэр, зэрэгцүүлэх болон бусад виджетийн онцлог шинж чанаруудыг (жишээ нь, TextField виджетийн шошгоны текст) тохируулах замаар сонгосон виджетийг өөрчлөх боломжийг танд олгоно.
4. Хэрэгслийн мөр
Хэрэгслийн самбар нь зурагны хэмжээ гэх мэт хэрэгтэй мэдээлэл, мөн Төслийн асуудлын товчлуурыг санал болгодог бөгөөд энэ нь таны төслийн зохион байгуулалт эсвэл тохиргооноос үүдэлтэй аливаа хүндрэлийг илтгэнэ.
Давуу тал
- Drag & Drop функцтэй Visual Builder.
- Дизайныг программ хангамж болгон хувиргах нь энгийн зүйл.
- Ашиглахад бэлэн 50 гаруй загвар бий.
- Та iOS болон Android програмуудыг нэгэн зэрэг хийх боломжтой.
- Та програмаа сайжруулахын тулд GitHub, Firebase, Open AI болон бусад үйлчилгээг ашиглах боломжтой.
Байг
- Ямар ч хязгаарлалт байгаагүй.
үнийн
Та платформыг үнэгүй хувилбараар нь ашиглаж эхлэхээс гадна сард 12 доллараас эхэлдэг дээд зэрэглэлийн төлөвлөгөөг санал болгодог.
Дүгнэлт
Энэ хэлэлцүүлгийн гол сэдэв нь FlutterFlow байсан.
Энэ нь вэб дээр ажилладаг мобайл програмуудыг хөгжүүлэхэд зориулсан чирэх, буулгах интерфейс юм. Энэ нь та ямар ч код бичихгүйгээр нэг цагийн дотор гайхалтай захиалгат програмуудыг бүтээх боломжтой гэсэн үг юм.
Энэхүү дэлгэрэнгүй тойм гарын авлага танд шинэ зүйлийг зааж өгсөн байх ёстой.
хариу үлдээх