Садржај
- ПВА у односу на матичне апликације: У чему је разлика?
- Прогресивне веб апликације: Изградња за веб
- Снаге ПВА-а
- Слабости ПВА
- Реацт Нативе
- Снаге Реацт Нативе-а
- Слабости Реацт Нативе-а
- НативеСцрипт
- Предности НативеСцрипт-а
- Слабости НативеСцрипт-а
Који приступ бисте требали предузети приликом израде апликације? Да ли бисте требали да кренете путем ПВА / веб технологија или бисте требали да се прилагодите и дизајнирате за одређене платформе? Обе опције имају своје предности и недостатке, а у овом чланку концентришемо се на неколико популарних избора који се користе за креирање веб и изворних апликација.
ПВА (Прогрессиве Веб Аппс), познате као веб апликације, направљене су помоћу популарних веб технологија ХТМЛ, ЦСС и ЈаваСцрипт и раде у веб прегледачу. (Погледајте неке од основних ХТМЛ ознака које ће вам помоћи у изградњи.) ПВА су ефикасне веб локације за мобилне уређаје дизајниране да изгледају као апликација, а употреба веб АПИ-ја им даје функционалност сличну изворној апликацији.
За више савета о изради апликација погледајте нашу објаву о томе како да направите апликацију или ако је реч о веб локацији коју желите да направите, погледајте ове најбоље креаторе веб страница и услуге веб хостинга.
ПВА у односу на матичне апликације: У чему је разлика?
Прогресивне веб апликације имају предност инсталирања и активног рада на уређају без потребе за продавницом апликација. И део процеса је Веб Апп Манифест који омогућава програмерима да контролишу како се нека апликација појављује и како се покреће. Такође, веб дизајнери / фронт енд програмери већ ће имати сет вештина потребних да одмах почну да граде. За разлику од изворних апликација, није потребно учити нови језик.
Изворне апликације су направљене са одређеним ОС-ом на уму - тј. иОС и Андроид - и користите оквир или језик да бисте испунили ту сврху. иОС апликације обично користе Ксцоде или Свифт, а Андроид апликације ЈаваСцрипт. У овом чланку концентришемо се на неколико оквира отвореног кода заснованих на ЈаваСцрипт-у - Реацт Нативе и НативеСцрипт - који раде на обе платформе.
Предности изворних апликација су у томе што обично доносе бољу функционалност јер боље користе хардвер и софтвер уређаја, брже су и брже реагују, а у продавницама апликација добијате гаранцију квалитета. Али, то ће значити да морате научити како се користи одређени оквир или библиотека.
Овде гледамо три различите опције - једну за веб (ПВА) и две за нативни (Реацт Нативе, НативеСцрипт) - за изградњу апликације. Проверавамо како они раде, шта могу да раде и сагледавамо њихове снаге и слабости да бисмо вам помогли да одлучите коју бисте опцију требали да изаберете за изградњу своје апликације.
Прогресивне веб апликације: Изградња за веб
Снаге ПВА-а
- Апликације такође раде у прегледачу
- Дистрибуција: продавнице прегледача, предузећа и апликација
- Може да користи Реацт, Ангулар, Вуе, ванилин или друге оквире
Слабости ПВА
- Нема приступа сваком изворном АПИ-ју
- Могућности и дистрибуција продавница на иОС-у и иПадОС-у су ограничене
- У сталној је еволуцији
ПВА су тренутни образац дизајна за креирање високо ефикасних апликација ван мреже које се могу инсталирати користећи само веб стек: ХТМЛ, ЦСС, ЈаваСцрипт и АПИ-је прегледача. Захваљујући услужном раднику и спецификацијама манифеста веб апликације, сада можемо да створимо првокласно искуство апликације након инсталирања за Андроид, иОС, иПадОС, Виндовс, мацОС, Цхроме ОС и Линук.
Да бисте креирали ПВА-ове, можете користити било коју архитектуру: од серверске стране, ванилин ЈаваСцрипт, Реацт, Вуе, Ангулар или других оквира на страни клијента. То може бити апликација са једном страницом или веб страница са више страница и ми дефинишемо како ћемо подржавати кориснике док су ван мреже.
У овом приступу не треба да пакујемо и потписујемо ресурсе наше апликације: датотеке само хостујемо на веб серверу, а сервисер ће бити одговоран за кеширање датотека у клијенту и послужиће их након инсталације. То такође значи да ако је апликацији потребно ажурирање, само промените датотеке на серверу и логика услужног радника биће одговорна за њихово ажурирање на уређајима корисника без интервенције корисника или продавнице апликација.
У погледу дистрибуције, најчешћи метод је прегледач. Корисници инсталирају апликацију из прегледача помоћу ставке менија Додај на почетни екран или Инсталирај, прихватањем позива за инсталирање или коришћењем прилагођеног корисничког интерфејса веб апликације на компатибилним платформама. Вреди напоменути да Аппле одбацује чисте ПВА-ове објављене у Апп Сторе-у и подстиче веб програмере да их дистрибуирају путем Сафарија.
Корисничким интерфејсом искључиво управља веб извршавање, што значи да је веб дизајнер одговоран за приказивање сваке контроле на екрану. Ако користите оквир корисничког интерфејса, као што је Иониц, или библиотеку материјала дизајна, ХТМЛ и ЦСС ће имитирати изворне интерфејсе на Андроиду или иОС-у, али то није обавезно.Када радите ПВА, примена техника веб перформанси је обавезна како би се задржало добро корисничко искуство.
Што се тиче могућности, ПВА ће имати приступ само АПИ-јевима доступним у претраживачу на тој платформи и не може се проширити матичним кодом - са изузетком дистрибуције апликација у продавници апликација ПВА. По овом питању, иОС и иПадОС су ограниченије платформе за ПВА-ове, док Цхроме (за Андроид и десктоп ОС) има већу доступност и напорно ради на додавању сваког могућег АПИ-ја у ЈаваСцрипт са пројектом Фугу.
- Најбоље складиште у облаку: Изаберите праву опцију за себе.
Реацт Нативе
Снаге Реацт Нативе-а
- Исти обрасци као код Реацт.јс-а
- Откривени су неки веб АПИ-ји
- Подршка за веб и рачунаре
Слабости Реацт Нативе-а
- Не могу поново користити компоненте веб корисничког интерфејса
- На родном мосту треба мало посла
- Потребно је реаговати искуство
Реацт Нативе је отворени изворни ЈаваСцрипт компонентни оквир, спонзорисан од стране Фацебоок-а, који користи Реацт обрасце дизајна, као и ЈаваСцрипт језик за компајлирање изворних апликација за иОС, иПадОС и Андроид из једног изворног кода.
Али ниједан ХТМЛ елемент није прихваћен за приказивање; важе само остале изворне компоненте. Стога, уместо да прикажете а див> са п> и а улаз> елемент са ЈСКС-ом, приказаћете а Виев> са Текст> и а ТектИнпут>. За стилске компоненте и даље користите ЦСС, а изглед је дефинисан кроз Флекбок.
Кориснички интерфејс се неће приказивати у ДОМ-у прегледача, већ помоћу матичних библиотека корисничког интерфејса на Андроиду и иОС-у. Према томе, а Дугме> у РеацтНативе ће постати инстанца УИБуттон на иОС и андроид.видгет.Буттон час на Андроид-у; у Реацт Нативе-у није укључено време извршавања веба.
Међутим, сав ЈаваСцрипт код извршиће се на ЈаваСцрипт виртуелној машини на уређају, тако да приликом компајлирања апликације нема претворбе ЈаваСцрипт у стварни изворни код. Постоји сет добро познатих АПИ-ја за веб програмере, као што су Фетцх АПИ, ВебСоцкетс и тајмери прегледача: сетИнтервал и рекуестАниматионФраме. Остале способности су распоређене на платформи путем прилагођених АПИ-ја, попут анимација.
Можете започети брзи Реацт Нативе пројекат са два бесплатна ЦЛИ: Екпо или напреднијим и званичнијим РеацтНативе ЦЛИ. Ако користите званични ЦЛИ, потребан вам је и Андроид Студио за компајлирање и тестирање Андроид апликације и Ксцоде-а да би то учинили на иОС-у и иПадОС-у, па ће вам за ту платформу бити потребан мацОС рачунар.
Реацт Нативе компајлира изворне апликације за иОС и Андроид, што значи да ће дистрибуција ваше апликације следити иста правила као и друге изворне апликације: продавнице апликација за јавне апликације, дистрибуција у предузећима и алфа / бета тестирање. Типично не можете дистрибуирати апликацију путем прегледача, мада вам могу помоћи Реацт Нативе фор Веб и Мицрософт Реацт Нативе за Виндовс платформе.
НативеСцрипт
Предности НативеСцрипт-а
- Добри алати за кодирање и тестирање
- Опсежна галерија апликација спремних за играње
- Сви Андроид и иОС АПИ-ји су изложени у ЈС-у
Слабости НативеСцрипт-а
- Мала заједница
- Не могу поново користити компоненте веб корисничког интерфејса
- Нема подршке за веб, радну површину или Реацт
НативеСцрипт није толико познат као Реацт Нативе, али се такмичи у истом пољу: изворне иОС и Андроид апликације из ЈаваСцрипт-а и веб оквира. Омогућава вам да користите ЈаваСцрипт или ТипеСцрипт и датотеку КСМЛ корисничког интерфејса за креирање изворних апликација. Такође подржава Ангулар и Вуе одмах, тако да је одлично решење за програмере који су навикли на ове оквире.
Предности НативеСцрипт-а су јасније када користите Ангулар или Вуе. За Ангулар креирате исте компоненте на које сте навикли, али користите КСМЛ уместо ХТМЛ-а за шаблон, укључујући сва повезивања података. У КСМЛ-у, уместо а див> са п> и један имг>, поставићете а СтацкЛаиоут> са Ознака> и један Слика> саставни део.
ЦСС и Сасс су подржани са сличним стиловима као ЦСС у прегледачу. Рутирање и управљање мрежом врши се применом стандардних услуга Ангулар. За Вуе је нешто слично; шаблон напишете у КСМЛ-у, уместо да користите ХТМЛ у истом темплате> елемент у вашој .вуе датотеци.
НативеСцрипт укључује колекцију компонената које се затим пресликавају на Андроид или иОС матичну контролу, па ће, када прикажете листу или бирач, то бити изворна апликација, користећи исту идеју као у Реацт Нативе.
Ваш ЈаваСцрипт или ТипеСцрипт код (преписан) извршава се на виртуелној машини ЈаваСцрипт на уређају са мостом у / из матичног окружења. У том мосту су изложени целокупни изворни АПИ-ји са Андроид-а или иОС-а / иПадОС-а, тако да упркос томе што имамо приступ АПИ-има за више платформи, можемо да направимо инстанцу или да позовемо било који Јава или Објецтиве-Ц код из ЈаваСцрипт / ТипеСцрипт и НативеСцрипт ће марширати типове података.
НативеСцрипт има сјајну подршку за алате, укључујући додатке за ВС код, ЦЛИ, систем за тестирање поновног учитавања и апликацију за игралиште НативеСцрипт, тако да не морате инсталирати све зависности током тестирања, као и неколико додатних услуга као што је мрежна игралиште.
Коначно, НативеСцрипт компајлира апликацију за Андроид и иОС која се може инсталирати са званичних канала дистрибуције и из продавница апликација ако се придржавате њихових правила, дистрибуције у предузећима и алфа / бета тестирања. Обично неће бити начина за дистрибуцију апликација из прегледача и за ову платформу не постоје решења за десктоп апликације.
Овај чланак је првобитно објављен у издање 325 оф нет, најпродаванији светски часопис за веб дизајнере и програмере. Купи издање 325 или претплатити се умрежити.
Придружите нам се у априлу 2020. године са нашом линијом ЈаваСцрипт суперзвезда на ГенератеЈС - конференцији која вам помаже да изградите бољи ЈаваСцрипт. Резервишите одмах нагенератедцонф.цом
