Përmbajtje
- PWAs vs Aplikacionet amtare: Cili është ndryshimi?
- Aplikacione progresive në internet: Ndërtimi për ueb
- Pikat e forta të PWAs
- Dobësitë e PWAs
- Reagoni vendas
- Pikat e forta të React Native
- Dobësitë e React Native
- Skripti amtare
- Pikat e forta të NativeScript
- Dobësitë e NativeScript
Cila qasje duhet të merrni kur ndërtoni një aplikacion? A duhet të merrni rrugën e PWA / teknologjive në internet apo duhet të shkoni në vendlindje dhe të dizajnoni për platforma specifike? Të dy opsionet kanë të mirat dhe të këqijat e tyre, dhe në këtë artikull ne përqendrohemi në disa nga zgjedhjet më të njohura të përdorura për të krijuar aplikacione në internet dhe vendas.
PWA (Progressive Web Apps) ose aplikacione në internet, janë ndërtuar me teknologji të njohura të internetit HTML, CSS dhe JavaScript dhe punojnë në një shfletues uebi. (Shikoni disa nga etiketat thelbësore HTML për t'ju ndihmuar në ndërtimet tuaja.) PWA janë në mënyrë efektive faqet e lëvizshme të dizajnuara për t'u dukur si një aplikacion dhe përdorimi i API-ve në internet u jep atyre funksionalitet të ngjashëm me një aplikacion vendas.
Për më shumë këshilla për ndërtimin e aplikacioneve, shihni postimin tonë se si të krijoni një aplikacion, ose nëse është një sit që dëshironi të krijoni, shihni këto ndërtues kryesorë të faqeve të internetit dhe shërbimet e pritjes në internet.
PWAs vs Aplikacionet amtare: Cili është ndryshimi?
Aplikacionet Progresive të Uebit kanë avantazhin e instalimit dhe drejtpërdrejt në një pajisje pa pasur nevojë për një dyqan aplikacionesh. Dhe, një pjesë e procesit është Manifesti i Aplikacioneve në Web i cili lejon zhvilluesit të kontrollojnë se si shfaqet një aplikacion dhe si lançohet. Gjithashtu, krijuesit e faqeve në internet / zhvilluesit e frontit do të kenë tashmë aftësitë e nevojshme për të filluar ndërtimin menjëherë. Nuk ka nevojë të mësoni një gjuhë të re, ndryshe nga aplikacionet vendase.
Aplikacionet vendase janë ndërtuar me një OS specifik në mendje - dmth. iOS dhe Android - dhe përdorni një kornizë ose gjuhë për të përmbushur atë qëllim. Aplikacionet iOS zakonisht përdorin Xcode ose Swift dhe aplikacione Android, JavaScript. Por, për këtë artikull ne përqendrohemi në disa korniza me burim të hapur të bazuar në JavaScript - React Native dhe NativeScript - që punojnë për të dy platformat.
Përparësitë e aplikacioneve vendase janë se ato zakonisht sjellin një funksionalitet më të mirë pasi ato përdorin më mirë harduerin dhe softuerin e pajisjeve, janë më të shpejtë dhe më të përgjegjshëm dhe ju merrni sigurimin e cilësisë përmes vlerësimeve në dyqanet e aplikacioneve. Por, kjo do të thotë të kesh nevojë të mësosh se si të përdorësh një kornizë ose bibliotekë specifike.
Këtu shikojmë tre mundësi të ndryshme - një për ueb (PWA) dhe dy për vendas (React Native, NativeScript) - për ndërtimin e një aplikacioni. Ne përdorim mënyrën sesi funksionojnë, çfarë mund të bëjnë dhe shikojmë pikat e forta dhe të forta për t'ju ndihmuar të vendosni se cilin opsion duhet të zgjidhni për të ndërtuar aplikacionin tuaj.
Aplikacione progresive në internet: Ndërtimi për ueb
Pikat e forta të PWAs
- Aplikacionet gjithashtu punojnë në shfletues
- Shpërndarja: shfletuesi, ndërmarrja dhe dyqanet e aplikacioneve
- Mund të shfrytëzojë kornizat React, Angular, Vue, vanilje ose të tjera
Dobësitë e PWAs
- Nuk ka qasje në çdo API vendas
- Aftësitë dhe shpërndarja e dyqaneve në iOS dhe iPadOS janë të kufizuara
- Inshtë në evolucion të vazhdueshëm
PWA-të janë modeli aktual i dizajnit për të krijuar aplikacione me performancë të lartë, jashtë linje, të instalueshme, duke përdorur vetëm rafte në internet: HTML, CSS, JavaScript dhe API-të e shfletuesve. Falë punonjësit të shërbimit dhe specifikave të manifestit të aplikacioneve në internet, tani mund të krijojmë një përvojë të klasit të parë të aplikacioneve pas instalimit për Android, iOS, iPadOS, Windows, macOS, Chrome OS dhe Linux.
Për të krijuar PWA, ju mund të përdorni çdo arkitekturë: nga ana e serverit, vanilla JavaScript, React, Vue, Angular ose korniza të tjera nga ana e klientit. Mund të jetë një aplikacion me një faqe ose një aplikacion me shumë faqe dhe ne përcaktojmë se si do t'i mbështesim përdoruesit gjatë kohës që jeni jashtë linje.
Në këtë qasje, ne nuk kemi nevojë të paketojmë dhe nënshkruajmë burimet e aplikacionit tonë: ne thjesht presim skedarët në një server në internet dhe punonjësi i shërbimit do të jetë përgjegjës për caching të skedarëve në klient dhe t'i shërbejë ato pas instalimit. Kjo gjithashtu do të thotë nëse një aplikacion ka nevojë për azhurnim, ju thjesht ndryshoni skedarët në server dhe logjika e punonjësit të shërbimit do të jetë përgjegjëse për azhurnimin e tyre në pajisjet e përdoruesve pa ndërhyrjen e përdoruesit ose dyqanit të aplikacioneve.
Për sa i përket shpërndarjes, metoda më e zakonshme është shfletuesi. Përdoruesit instalojnë aplikacionin nga shfletuesi duke përdorur elementin e Shtimit në Ekranin Kryesor ose Instalo, duke pranuar një ftesë për të instaluar ose duke përdorur një ndërfaqe përdorimi të personalizuar të aplikacionit në internet në platformat e përputhshme. Vlen të përmendet se Apple refuzon PWA-të e pastra të botuara në App Store dhe inkurajon zhvilluesit e internetit që ta shpërndajnë atë përmes Safari.
Ndërfaqja e përdoruesit menaxhohet thjesht nga koha e ekzekutimit të faqes në internet, që do të thotë se krijuesi i faqes në internet është përgjegjës për dhënien e çdo kontrolli në ekran. Nëse përdorni një kornizë UI, siç është Ionic, ose një bibliotekë Material Design, HTML dhe CSS do të imitojnë ndërfaqet vendase në Android ose iOS por nuk është e detyrueshme.Kur bëni PWA, zbatimi i teknikave të performancës në internet është i detyrueshëm për të mbajtur një përvojë të mirë të përdoruesit.
Për sa i përket aftësive, një PWA do të ketë qasje vetëm në API-të e disponueshme në motorin e shfletuesit në atë platformë dhe nuk mund të zgjatet me kodin vendas - me përjashtim të shpërndarjeve PWA të dyqaneve të aplikacioneve. Në këtë çështje, iOS dhe iPadOS janë platformat më të kufizuara për PWA, ndërsa Chrome (për Android dhe OS desktop) ka më shumë disponueshmëri dhe po punon shumë për të shtuar çdo API të mundshëm në JavaScript me projektin Fugu.
- Hapësira ruajtëse më e mirë: Zgjidhni opsionin e duhur për ju.
Reagoni vendas
Pikat e forta të React Native
- Të njëjtat modele si me React.js
- Disa API në internet janë të ekspozuara
- Mbështetje në internet dhe desktop
Dobësitë e React Native
- Nuk mund të ripërdoren përbërësit e ndërfaqes së uebit
- Ura vendase ka nevojë për ca punë
- Nevojitet përvoja reaguese
React Native është një kornizë përbërëse me burim të hapur JavaScript, e sponsorizuar nga Facebook, që përdor modelet e dizajnit React, si dhe gjuhën JavaScript për të përpiluar aplikacione vendase për iOS, iPadOS dhe Android nga një kod burim.
Por asnjë element HTML nuk pranohet për pasqyrim; vlejnë vetëm përbërësit e tjerë vendas. Prandaj, në vend që të japim një div> me një p>> dhe një input> element me JSX, ju do të jepni një Pamja> me një Teksti> dhe një TextInput>. Për përbërësit e stilimit, ju përdorni akoma CSS dhe faqosja përcaktohet përmes Flexbox.
Ndërfaqja e përdoruesit nuk do të jepet në DOM të një shfletuesi, por duke përdorur bibliotekat vendase të ndërfaqes së përdoruesit në Android dhe iOS. Prandaj, a Butoni> në ReactNative do të bëhet një shembull i UIB Button në iOS dhe android.widget.Button klasa në Android; nuk ka asnjë kohë pune në internet të përfshirë në React Native.
Sidoqoftë, i gjithë kodi JavaScript do të ekzekutohet në një makinë virtuale JavaScript në pajisje, kështu që nuk ka asnjë shndërrim JavaScript në kodin real vendas kur përpiloni aplikacionin. Ekziston një grup i API-ve të mirënjohura për zhvilluesit e uebit, siç janë Fetch API, WebSockets dhe kohëmatësit e shfletuesit: setInterval dhe requestAnimationFrame. Aftësi të tjera vendosen në platformë përmes API-ve të personalizuara, të tilla si animacionet.
Ju mund të filloni një projekt të shpejtë React Native me dy CLI falas: Expo ose ReactNative CLI më të përparuar dhe zyrtar. Nëse përdorni CLI zyrtar, ju duhet gjithashtu Android Studio për të përpiluar dhe testuar aplikacionin Android dhe Xcode për të bërë të njëjtën gjë në iOS dhe iPadOS, kështu që do t'ju duhet një kompjuter macOS për atë platformë.
React Native përpilon aplikacione vendase për iOS dhe Android, që do të thotë shpërndarja e aplikacionit tuaj do të ndjekë të njëjtat rregulla si aplikacionet e tjera vendase: dyqanet e aplikacioneve për aplikacione publike, shpërndarja e ndërmarrjeve dhe testimi alfa / beta. Në mënyrë tipike, nuk mund të shpërndani një aplikacion përmes një shfletuesi, megjithëse mund të ndihmojnë React Native për Web dhe Microsoft's React Native për Windows.
Skripti amtare
Pikat e forta të NativeScript
- Mjete të mira për kodimin dhe testimin
- Galeri e gjerë aplikacionesh gati për të luajtur me të
- Të gjitha API-të e Android dhe iOS janë të ekspozuara në JS
Dobësitë e NativeScript
- Komuniteti i vogël
- Nuk mund të ripërdoren përbërësit e ndërfaqes së uebit
- Asnjë mbështetje në internet, desktop ose React
NativeScript nuk është aq i njohur sa React Native por ai konkurron në të njëjtën fushë: aplikacionet vendase iOS dhe Android nga JavaScript dhe kornizat e uebit. Ju lejon të përdorni JavaScript ose TypeScript dhe një skedar ndërfaqe përdoruesi XML për të krijuar aplikacione vendase. Ai gjithashtu mbështet Angular dhe Vue menjëherë jashtë kutisë, kështu që është një zgjidhje e shkëlqyeshme për zhvilluesit e mësuar me këto korniza.
Përparësitë e NativeScript janë më të qarta kur përdorni Angular ose Vue. Për Angular, ju krijoni të njëjtët përbërës që jeni mësuar, por përdorni XML në vend të HTML për modelin, duke përfshirë të gjitha lidhjet e të dhënave. Në XML, në vend të a div> me një p>> dhe një img>, ju do të vendosni një StackLayout> me një Etiketa> dhe një Imazh> përbërësi.
CSS dhe Sass mbështeten me stile të ngjashme me CSS në shfletues. Rutimi dhe menaxhimi i rrjetit bëhen përmes implementimeve të shërbimeve standarde Angular. Për Vue, është diçka e ngjashme; ju shkruani shabllonin në XML në vend që të përdorni HTML në të njëjtën shabllon> element në skedarin tuaj .vue.
NativeScript përfshin një koleksion të komponentëve që magazinohen më pas në një kontroll vendas Android ose iOS, kështu që kur jepni një listë ose një zgjedhës, ai do të jetë aplikacioni vendas, duke përdorur të njëjtën ide si në React Native.
Kodi juaj JavaScript ose TypeScript (transpiluar) ekzekutohet në një makinë virtuale JavaScript në pajisje me një urë për / nga ambienti vendas. Në atë urë, të gjithë API-të vendas nga Android ose iOS / iPadOS janë të ekspozuar, kështu që pavarësisht se kemi qasje në API-të ndër-platforme, ne mund të instantojmë ose telefonojmë çdo kod Java ose Objektiv-C nga JavaScript / TypeScript dhe NativeScript do të llojeve të të dhënave marshall.
NativeScript ka një mbështetje të shkëlqyeshme për veglat, duke përfshirë shtojcat e kodit VS, CLI, një sistem testimi me rimbushje të nxehtë dhe një aplikacion të sheshit të lojërave NativeScript, kështu që nuk keni nevojë të instaloni të gjitha varësitë gjatë testimit, si dhe disa shërbime shtesë si një online shesh lojërash.
Më në fund, NativeScript përpilon vetëm një aplikacion për Android dhe iOS që mund të instalohet nga kanalet zyrtare të shpërndarjes dhe dyqanet e aplikacioneve nëse jeni në përputhje me rregullat e tyre, shpërndarjen e ndërmarrjes dhe testimin alfa / beta. Zakonisht nuk do të ketë asnjë mënyrë për të shpërndarë aplikacione nga një shfletues dhe nuk ka zgjidhje për aplikacionet desktop për këtë platformë.
Ky artikull u botua fillimisht në numri 325 e neto, revista më e shitur në botë për krijuesit e faqeve në internet. Blej numri 325 ose pajtohem në neto.
Bashkohuni me ne në Prill 2020 me formacionin tonë të super yjeve JavaScript në GenerateJS - konferenca që ju ndihmon të ndërtoni JavaScript më të mirë. Rezervoni tani nëgenerateconf.com
