Веб програмирање

Како поставити Флуттер и направити Хелло Ворлд Веб апликацију у Линуку

Како поставити Флуттер и направити Хелло Ворлд Веб апликацију у Линуку
Флуттер је оквир за развој апликација који се може користити за развој апликација на више платформи које раде на изворном коду након што се компајлирају или изграде. Развијен од Гоогле-а, Флуттер вам омогућава да створите брзе прототипове у кратком времену, као и да креирате пуноправне апликације које користе АПИ-је специфичне за платформу. Коришћењем Флуттера можете да креирате апликације прелепог изгледа за мобилне уређаје, оперативне системе за рачунаре и веб прегледаче користећи званичне виџете за дизајн материјала. Овај чланак ће размотрити инсталацију Флуттера и стварање новог пројекта за развој веб апликације. Флуттер користи „Дарт“ као главни програмски језик за писање апликација.

Инсталирајте Флуттер на Линук

Можете инсталирати Флуттер у Линук помоћу две методе. Прва метода је прилично једноставна, све што треба да урадите је да покренете једноставну команду за инсталацију Флуттера из снап сторе-а.

$ судо снап инсталл флуттер --цлассиц

Други метод укључује преузимање спремишта лепршавих података са ГитХуб-а. Извршите следеће наредбе заредом да бисте ручно инсталирали Флуттер:

$ судо апт инсталл гит
$ гит клон хттпс: // гитхуб.цом / лепршати / лепршати.гит -б стабилан - дубина 1 - без појединачних грана

Имајте на уму да ће покретање горње наредбе добити потребне датотеке из званичног спремишта Флуттер, укључујући извршне бинарне датотеке. Моћи ћете да извршите ове бинарне датотеке из директоријума „бин“. Међутим, ове извршне датотеке неће бити додате у системску променљиву ПАТХ и нећете их моћи покренути од било кога осим ако их ручно не додате у променљиву ПАТХ. Да бисте то урадили, следите доленаведене кораке.

Отвори “.басхрц ”у вашој кућној фасцикли помоћу вашег омиљеног уређивача текста:

$ нано “$ ХОМЕ /.басхрц ”

Додајте следећи ред на дну датотеке, пажљиво замењујући низ.

екпорт ПАТХ = "$ ПАТХ:/ флуттер / бин "

На пример, ако сте преузели спремиште Флуттер у директоријум „Преузимања“, мораћете да додате следећи ред:

екпорт ПАТХ = "$ ПАТХ: $ ХОМЕ / Довнлоадс / флуттер / бин"

Сачувајте датотеку када завршите. Освјежи ".басхрц ”датотеку покретањем наредбе испод:

$ извор “$ ХОМЕ /.басхрц ”

Да бисте верификовали да је Флуттерова фасцикла „бин“ додата на путању, покрените наредбу испод:

$ ецхо $ ПАТХ

Требали бисте добити овакав излаз:

/ уср / лоцал / сбин: / уср / лоцал / бин: / уср / сбин: / уср / бин: / сбин: / бин: / уср / гамес: / уср / лоцал / гамес: / снап / бин: / хоме / нит / Довнлоадс / флуттер / бин

Приметите присуство кључне речи „флуттер“ и пуну путању која приказује директоријум „бин“ у директоријуму „флуттер“.

Да бисте проверили да ли се команда „лепршање“ може покренути са било које путање, користите наредбу испод:

$ који лепршају

Требали бисте добити овакав излаз:

/ хоме / нит / Довнлоадс / флуттер / бин / флуттер

Имајте на уму да језик „Дарт“, који је потребан за писање Флуттер апликација, долази у пакету са Флуттер датотекама преузетим из гит спремишта или из снап пакета. Покрените следећу наредбу да бисте проверили недостајуће зависности потребне за покретање Флуттера:

$ лепршави лекар

Неке потребне датотеке могу почети да се преузимају да би се довршило подешавање Флуттера. Ако још нисте инсталирали Андроид СДК, на излазу ће се појавити порука која ће вас водити кроз инсталацију.

Ако желите да развијете Андроид апликације помоћу Флуттера, кликните на везе видљиве на излазу терминала и следите релевантне кораке за инсталирање Андроид СДК-а.

Овај водич се фокусира на изградњу веб апликација помоћу Флуттера. Да бисте омогућили подршку за креирање веб апликација, узастопно покрените следеће команде:

$ флуттер канал бета
$ флуттер надоградња
$ флуттер цонфиг --енабле-веб

Да бисте проверили да ли је подршка за веб апликације заиста омогућена, покрените наредбу у наставку:

$ лепршави уређаји

Требали бисте добити овакав излаз:

2 повезана уређаја:
Веб сервер (веб) • веб сервер • веб-јавасцрипт • Флуттер Тоолс
Цхроме (веб) • хром • веб-јавасцрипт • Гоогле Цхроме 87.0.4280.66

Ако сте до сада правилно следили кораке, Флуттер би сада требао бити правилно инсталиран на вашем систему, спреман за креирање неких веб апликација.

Направите нови Флуттер пројекат

Да бисте креирали нови пројекат „ХеллоВорлд“ веб апликације користећи Флуттер, покрените доле наведене команде:

$ флуттер ствара хелловорлд
$ цд хелловорлд

Да бисте тестирали свој новостворени пројекат, покрените наредбу:

$ флуттер рун -д хром

Требали бисте видети демонстрацију веб апликације Флуттер попут ове:

Флуттер веб апликације можете отклонити грешком помоћу развојних алата уграђених у Цхроме.

Измените свој пројекат

Демо пројекат који сте горе креирали садржи „главно.дарт “датотека која се налази у фасцикли„ либ “. Код садржан у овом „главном.дарт ”датотека се врло добро коментарише и може се прилично лако разумети. Предложио бих вам да бар једном прођете кроз код да бисте разумели основну структуру апликације Флуттер.

Флуттер подржава „вруће поновно учитавање“, што вам омогућава да брзо освежите апликацију без поновног покретања да бисте видели промене. Покушајте да промените наслов апликације из „Флуттер Демо Хоме Паге“ у „Хелло Ворлд !!" у основи.стрелица ”. Када завршите, притисните укуцајте терминал да освежите стање апликације без поновног покретања.

Направите своју апликацију Флуттер

Да бисте изградили своју веб апликацију Флуттер, користите наредбу наведену испод из директоријума вашег пројекта:

$ флуттер гради веб

Када се процес израде заврши, требало би да имате нову фасциклу у директоријуму вашег пројекта која се налази на путу „буилд / веб“. Овде ћете наћи све потребно “.хтмл ”,“.јс “и„.цсс ”датотеке потребне за служење пројекта на мрежи. Такође ћете пронаћи разне датотеке имовине које се користе у пројекту.

Корисни ресурси

Да бисте сазнали више о развоју веб апликација помоћу Флуттера, погледајте његову званичну документацију. Можете се позвати на званичну документацију за језик Дарт да бисте боље разумели апликације Флуттер. Флуттер долази са мноштвом службених и независних пакета које можете користити за брзи развој апликација. Ове пакете можете пронаћи овде. У својим веб апликацијама можете да користите виџете Флуттер за дизајн материјала. Документацију за ове виџете можете пронаћи у званичној Флуттер документацији. Овим виџетима можете такође пружити увид у радне демонстрације веб компоненти за дизајн материјала.

Закључак

Флуттер се развија већ дуже време и расте као оквир за развој вишеплатформних апликација „пиши једном кад се било где примени“. Његово усвајање и популарност можда нису тако високи као други такви оквири, али пружа стабилан и робустан АПИ за развој вишеплатформских апликација.

Инсталирајте најновији Долпхин Емулатор за Гамецубе & Вии на Линук
Долпхин Емулатор вам омогућава да играте изабране игре Гамецубе и Вии на Линук Персонал Цомпутерс (ПЦ). Долпхин Емулатор је слободно доступан и емула...
Како се користи ГамеЦонкуерор Цхеат Енгине у Линуку
Чланак покрива водич о коришћењу ГамеЦонкуерор варалице у Линуку. Многи корисници који играју игре на Виндовс-у често користе апликацију „Цхеат Енгине...
Најбољи емулатори играће конзоле за Линук
Овај чланак ће навести популарни софтвер за емулацију играће конзоле доступан за Линук. Емулација је слој компатибилности софтвера који опонаша хардве...