Efni.
- PWAs vs Native apps: Hver er munurinn?
- Framsækin vefforrit: Að byggja fyrir vefinn
- Styrkleikar PWAs
- Veikleiki PWAs
- React Native
- Styrkur React Native
- Veikleikar React Native
- NativeScript
- Styrkleikar NativeScript
- Veikleikar NativeScript
Hvaða nálgun ættir þú að taka þegar þú smíðar forrit? Ættir þú að taka PWA / veftækni leiðina eða ættir þú að fara innfæddur og hanna fyrir tiltekna kerfi? Báðir kostirnir hafa sína kosti og galla og í þessari grein einbeitum við okkur að nokkrum vinsælum kostum sem notaðir eru til að búa til vefur og innfædd forrit.
PWA (Progressive Web Apps), aka vefforrit, eru smíðuð með vinsælum veftækni HTML, CSS og JavaScript og virka í vafra. (Skoðaðu nokkur nauðsynleg HTML merki til að hjálpa þér við smíði þína.) PWA eru í raun farsímasíður sem eru hannaðar til að líta út eins og forrit og notkun API á vefnum veitir þeim virkni svipað innfæddur app.
Fyrir frekari ráð varðandi smíði forrita, sjáðu færsluna okkar um hvernig á að búa til forrit, eða ef það er síða sem þú vilt búa til, sjáðu þessa helstu vefsíðugerðarmenn og vefþjónustuþjónustu.
PWAs vs Native apps: Hver er munurinn?
Framsækin vefforrit hafa þann kostinn að vera uppsett og búa í tæki án þess að það þurfi app verslun. Og hluti af ferlinu er Web App Manifest sem gerir verktaki kleift að stjórna því hvernig forrit birtist og hvernig það er sett af stað. Einnig munu vefhönnuðir / framendahönnuðir þegar hafa hæfileikana sem þarf til að hefja uppbyggingu strax. Það er engin þörf á að læra nýtt tungumál, ólíkt innfæddum forritum.
Innfædd forrit eru smíðuð með sérstakt stýrikerfi í huga - þ.e. iOS og Android - og notaðu ramma eða tungumál til að uppfylla þann tilgang. IOS forrit nota venjulega Xcode eða Swift og Android forrit, JavaScript. En varðandi þessa grein einbeitum við okkur að nokkrum JavaScript-undirstaða opnum ramma - React Native og NativeScript - sem virka fyrir báða kerfin.
Kostir innfæddra forrita er að þeir koma venjulega með betri virkni þar sem þeir nýta sér tækjabúnað og hugbúnað betur, eru hraðari og móttækilegri og þú færð gæðatryggingu þó einkunnir séu í appverslunum. En það þýðir að þurfa að læra hvernig á að nota ákveðna ramma eða bókasafn.
Hér skoðum við þrjá mismunandi valkosti - einn fyrir vefinn (PWA) og tvo fyrir móðurmál (React Native, NativeScript) - til að byggja upp forrit. Við rennum í gegnum hvernig þeir starfa, hvað þeir geta gert og skoðum styrk og veikleika þeirra til að hjálpa þér að ákveða hvaða valkost þú ættir að velja til að byggja upp forritið þitt.
Framsækin vefforrit: Að byggja fyrir vefinn
Styrkleikar PWAs
- Forrit virka einnig í vafranum
- Dreifing: vafra, fyrirtækja- og appbúðir
- Get notað React, Angular, Vue, vanillu eða aðra ramma
Veikleiki PWAs
- Enginn aðgangur að hverju innfæddu API
- Geta og dreifing verslana á iOS og iPadOS er takmörkuð
- Það er í stöðugri þróun
PWA eru núverandi hönnunarmynstur til að búa til afkastamikil, offline, uppsett forrit sem nota aðeins vefstafla: HTML, CSS, JavaScript og forritaskil vafra. Þökk sé þjónustumanninum og upplýsingaskilgreiningum vefforritsins getum við nú búið til fyrsta flokks appupplifun eftir uppsetningu fyrir Android, iOS, iPadOS, Windows, macOS, Chrome OS og Linux.
Til að búa til PWA er hægt að nota hvaða arkitektúr sem er: frá netþjónamegin, vanillu JavaScript, React, Vue, Angular eða öðrum umgjörðum viðskiptavinar. Það getur verið eins blaðs forrit eða fjölsíðu vefforrit og við skilgreinum hvernig við ætlum að styðja notendur án nettengingar.
Í þessari aðferð þurfum við ekki að pakka og undirrita auðlindir forritsins okkar: við hýsum bara skrárnar á vefþjóni og þjónustumaðurinn mun sjá um að geyma skrárnar í viðskiptavininum og þjóna þeim eftir uppsetningu. Þetta þýðir líka að ef forrit þarfnast uppfærslu breytirðu bara skrám á netþjóninum og rökfræði þjónustumannsins mun sjá um að uppfæra þau í tækjum notenda án afskipta notanda eða app verslunar.
Hvað varðar dreifingu er algengasta aðferðin vafrinn. Notendur setja forritið upp úr vafranum með því að nota Bæta við heimaskjáinn eða Setja upp valmyndaratriðið, með því að samþykkja boð um uppsetningu eða með því að nota sérsniðið notendaviðmót vefforrita á samhæfum kerfum. Rétt er að taka fram að Apple hafnar hreinum PWA sem birtar eru í App Store og hvetur vefhönnuði til að dreifa þeim í gegnum Safari.
Notendaviðmótinu er eingöngu stjórnað af netþjálfuninni á vefnum, sem þýðir að vefhönnuðurinn er ábyrgur fyrir að láta hverja stjórn á skjánum. Ef þú notar UI ramma, svo sem Ionic, eða efnishönnunar bókasafn, munu HTML og CSS líkja eftir innfæddum tengi á Android eða iOS en það er ekki skylda.Þegar þú gerir PWA er skylda að beita afköstum á vefnum til að viðhalda góðri notendaupplifun.
Hvað varðar getu, mun PWA aðeins hafa aðgang að API sem er í boði í vafravélinni á þeim vettvangi og það er ekki hægt að framlengja það með móðurmálskóða - að undanskildum PWA dreifingum appverslunar. Í þessu efni eru iOS og iPadOS takmarkaðri vettvangur fyrir PWA, en Chrome (fyrir Android og skjáborð stýrikerfa) hefur meira framboð og vinnur hörðum höndum að því að bæta öllum mögulegum API við JavaScript með Fugu verkefninu.
- Besta skýjageymsla: Veldu réttan valkost fyrir þig.
React Native
Styrkur React Native
- Sama mynstur og með React.js
- Sum forritaskil á vefnum eru óvarin
- Stuðningur við vefinn og skjáborðið
Veikleikar React Native
- Ekki er hægt að endurnýta íhluti vefþáttar
- Innfæddu brúin þarfnast nokkurrar vinnu
- Viðbragðsreynslu er þörf
React Native er opinn JavaScript-undirstaða hluti ramma, styrktur af Facebook, sem notar React hönnunarmynstur, svo og JavaScript tungumál til að setja saman innfædd forrit fyrir iOS, iPadOS og Android úr einum frumkóða.
En engir HTML þættir eru samþykktir til flutnings; aðeins aðrir innbyggðir íhlutir eru gildir. Þess vegna, í stað þess að skila a div> með p> og a inntak> frumefni með JSX, þú verður að skila a Skoða> með Texti> og a Textinput>. Fyrir stílíhluti notarðu samt CSS og útlitið er skilgreint í gegnum Flexbox.
Notendaviðmótið verður ekki birt í DOM vafrans heldur með innfæddu notendaviðmótasöfnunum á Android og iOS. Þess vegna er a Hnappur> í ReactNative verður dæmi um UIButton í iOS og android.widget.Button bekk á Android; það er enginn vefsíðutími þáttur í React Native.
Hins vegar verður allur JavaScript kóðinn keyrður í JavaScript sýndarvél í tækinu, svo það er engin JavaScript til raunverulegs umbreytingar á innfæddum kóða þegar forritið er sett saman. Það er sett af vel þekktum forritaskilum fyrir vefhönnuði, svo sem Fetch API, WebSockets og tímastilli vafrans: setInterval og requestAnimationFrame. Öðrum hæfileikum er beitt á vettvangnum með sérsniðnum forritaskilum, svo sem hreyfimyndum.
Þú getur byrjað fljótt React Native verkefni með tveimur ókeypis CLI: Expo eða lengra komnu og opinberu ReactNative CLI. Ef þú notar opinbera CLI þarftu einnig Android Studio til að setja saman og prófa Android appið og Xcode til að gera það sama á iOS og iPadOS, svo þú þarft macOS tölvu fyrir þann vettvang.
React Native safnar innfæddum forritum fyrir iOS og Android, sem þýðir að dreifing forritsins þíns mun fylgja sömu reglum og önnur innfædd forrit: forritaverslanir fyrir opinber forrit, dreifingu fyrirtækja og alfa / beta próf. Venjulega er ekki hægt að dreifa forriti í gegnum vafra, þó að React Native fyrir vefinn og React Native fyrir Windows kerfi Microsoft geti hjálpað.
NativeScript
Styrkleikar NativeScript
- Góð verkfæri til að kóða og prófa
- Mikið forritasafn tilbúið til að spila með
- Öll forritaskil Android og iOS eru afhjúpuð í JS
Veikleikar NativeScript
- Lítið samfélag
- Ekki er hægt að endurnýta íhluti vefþáttar
- Enginn vefur, skjáborð eða React stuðningur
NativeScript er ekki eins þekkt og React Native en það keppir á sama sviði: innfædd iOS og Android forrit frá JavaScript og veframma. Það gerir þér kleift að nota JavaScript eða TypeScript og XML notendaviðmótaskrá til að búa til innfædd forrit. Það styður einnig Angular og Vue strax úr kassanum, svo það er frábær lausn fyrir forritara sem eru vanir þessum ramma.
Kostir NativeScript eru skýrari þegar þú notar Angular eða Vue. Fyrir Angular býrðu til sömu íhluti og þú ert vanur en notar XML í stað HTML fyrir sniðmátið, þar með talið allar gagnabindingar. Í XML, í staðinn fyrir a div> með p> og img>, þú munt setja a StackLayout> með Merkimiði> og Mynd> hluti.
CSS og Sass eru studd með svipuðum stíl og CSS í vafranum. Leiðbeiningar og netstjórnun er gerð með útfærslum á stöðluðu Angular þjónustu. Fyrir Vue er það eitthvað svipað; þú skrifar sniðmátið í XML í stað þess að nota HTML í það sama sniðmát> þáttur í .vue skránni þinni.
NativeScript inniheldur safn íhluta sem síðan eru kortlagðir á Android eða iOS innfæddan stýringu, þannig að þegar þú gerir lista eða valtara, þá verður það innfæddur app, með sömu hugmynd og í React Native.
JavaScript eða TypeScript kóðinn þinn (fluttur) er keyrður í JavaScript sýndarvél á tækinu með brú til / frá móðurmálinu. Í þeirri brú eru öll innfæddu API-skjölin frá Android eða iOS / iPadOS afhjúpuð svo þrátt fyrir að hafa aðgang að API-skjölum yfir vettvang, getum við sett í gang eða hringt í hvaða Java- eða Objective-C-kóða sem er frá JavaScript / TypeScript og NativeScript mun gera gagnagerðir.
NativeScript hefur frábæran stuðning við verkfæri, þar með taldar VS kóða viðbætur, CLI, prófunarkerfi með heitu endurhleðslu og NativeScript leiksviðsforrit, svo þú þarft ekki að setja upp öll ósjálfstæði meðan á prófunum stendur, auk nokkurrar viðbótarþjónustu svo sem á netinu leiksvæði.
Að lokum tekur NativeScript aðeins saman app fyrir Android og iOS sem hægt er að setja upp frá opinberum dreifileiðum og forritaverslunum ef þú fylgir reglum þeirra, dreifingu fyrirtækja og alfa / beta prófunum. Venjulega verður engin leið að dreifa forritum úr vafra og það eru engar lausnir fyrir skjáborðsforrit fyrir þennan vettvang.
Þessi grein var upphaflega birt í 325. mál af net, mest selda tímarit heimsins fyrir hönnuði og forritara á vefnum. Kauptu 325. mál eða gerast áskrifandi að neti.
Vertu með í apríl 2020 með röð okkar JavaScript ofurstjarna á GenerateJS - ráðstefnan sem hjálpar þér að byggja upp betri JavaScript. Bókaðu núna klgenerateconf.com
