Ábhar
- PWAs vs Aipeanna Dúchasacha: Cad é an difríocht?
- Aipeanna gréasáin forásacha: Ag tógáil don ngréasán
- Láidreachtaí PWAnna
- Laigí PWAnna
- React Dúchasach
- Láidreachtaí React Dúchasach
- Laigí Dúchasacha React
- NativeScript
- Láidreachtaí NativeScript
- Laigí NativeScript
Cén cur chuige ba chóir duit a ghlacadh agus aip á thógáil agat? Ar cheart duit dul ar an mbealach PWA / teicneolaíochtaí gréasáin nó ar cheart duit dul ó dhúchas agus dearadh a dhéanamh d’ardáin ar leith? Tá buntáistí agus míbhuntáistí ag baint leis an dá rogha, agus san alt seo dírímid ar roinnt de na roghanna coitianta a úsáidtear chun aipeanna gréasáin agus dúchasacha a chruthú.
Tógtar aipeanna gréasáin aka PWAs (Progressive Web Apps) aka le teicneolaíochtaí gréasáin tóir HTML, CSS agus JavaScript agus oibríonn siad i mbrabhsálaí gréasáin. (Amharc ar chuid de na clibeanna HTML riachtanacha chun cabhrú le do thógáil.) Is suíomhanna Gréasáin soghluaiste iad PWAnna atá deartha chun cuma app a bheith acu, agus tugann úsáid APIanna gréasáin feidhmiúlacht dóibh atá cosúil le aip dhúchasach.
Le haghaidh tuilleadh comhairle ar thógáil aipeanna, féach ar ár bpost ar conas aip a dhéanamh, nó más suíomh é ar mhaith leat a chruthú féach na príomhthógálaithe láithreán gréasáin agus seirbhísí óstála gréasáin seo.
PWAs vs Aipeanna Dúchasacha: Cad é an difríocht?
Tá sé de bhuntáiste ag Aipeanna Gréasáin Forásacha gur féidir iad a shuiteáil agus maireachtáil ar ghléas gan gá le stór app. Agus cuid den phróiseas is ea an Web App Manifest a ligeann d’fhorbróirí rialú a dhéanamh ar an gcaoi a bhfeictear aip agus an chaoi a sheoltar é. Chomh maith leis sin, beidh an tacar scileanna ag dearthóirí gréasáin / forbróirí ceann tosaigh cheana féin chun tosú ag tógáil láithreach. Ní gá teanga nua a fhoghlaim, murab ionann agus aipeanna dúchasacha.
Tógtar aipeanna dúchasacha le OS ar leith i gcuimhne - ie. iOS agus Android - agus creat nó teanga a úsáid chun an aidhm sin a chomhlíonadh. is gnách go n-úsáideann feidhmchláir iOS Xcode nó Swift, agus aipeanna Android, JavaScript. Ach, don alt seo dírímid ar chúpla creat foinse oscailte atá bunaithe ar JavaScript - React Native and NativeScript - a oibríonn don dá ardán.
Is iad na buntáistí a bhaineann le feidhmchláir dhúchasacha ná go dtugann siad feidhmiúlacht níos fearr de ghnáth de réir mar a bhaineann siad úsáid níos fearr as crua-earraí agus bogearraí feiste, go bhfuil siad níos gasta agus níos freagraí agus go bhfaigheann tú dearbhú cáilíochta trí rátálacha i siopaí aipeanna. Ach, ciallóidh sé go gcaithfidh tú foghlaim conas creat nó leabharlann ar leith a úsáid.
Breathnaímid anseo ar thrí rogha éagsúla - ceann amháin ar an ngréasán (PWAnna) agus dhá cheann ar dhúchas (React Native, NativeScript) - chun aip a thógáil. Rithimid tríd an gcaoi a bhfeidhmíonn siad, an méid is féidir leo a dhéanamh agus féachaimid ar a gcuid buanna agus laigí chun cabhrú leat cinneadh a dhéanamh cén rogha ba cheart duit a roghnú chun d’aip a thógáil.
Aipeanna gréasáin forásacha: Ag tógáil don ngréasán
Láidreachtaí PWAnna
- Oibríonn aipeanna sa bhrabhsálaí freisin
- Dáileadh: siopaí brabhsálaí, fiontar agus aipeanna
- Is féidir leo React, Angular, Vue, vanilla nó creataí eile a úsáid
Laigí PWAnna
- Gan aon rochtain ar gach API dúchais
- Tá cumais agus dáileadh stórais ar iOS agus iPadOS teoranta
- Tá éabhlóid leanúnach ann
Is iad PWAnna an patrún dearaidh reatha chun aipeanna ardfheidhmíochta, as líne, in-shuiteáilte a chruthú ag baint úsáide as an gcruach gréasáin amháin: HTML, CSS, JavaScript agus APIanna brabhsálaithe. A bhuíochas leis an oibrí seirbhíse agus na specs manifest app, is féidir linn taithí app den chéad scoth a chruthú anois tar éis a shuiteáil le haghaidh Android, iOS, iPadOS, Windows, macOS, Chrome OS agus Linux.
Chun PWAnna a chruthú, is féidir leat ailtireacht ar bith a úsáid: ó thaobh an fhreastalaí, JavaScript vanilla, React, Vue, uilleach nó creataí eile taobh cliaint. Is féidir é a bheith ina fheidhmchlár aon leathanaigh nó ina fheidhmchlár gréasáin il-leathanach agus sainímid conas a bheimid ag tacú le húsáideoirí agus iad as líne.
Sa chur chuige seo, ní gá dúinn acmhainní ár n-aip a phacáistiú agus a shíniú: ní dhéanaimid ach na comhaid a óstáil i bhfreastalaí gréasáin agus beidh an t-oibrí seirbhíse freagrach as na comhaid sa chliant a thaisceadh agus freastal orthu tar éis a suiteála. Ciallaíonn sé seo freisin más gá app a nuashonrú, ní athraíonn tú ach na comhaid ar an bhfreastalaí agus beidh loighic an oibrí seirbhíse freagrach as iad a nuashonrú ar ghléasanna úsáideoirí gan idirghabháil úsáideora nó siopa app.
Maidir le dáileadh, is é an brabhsálaí an modh is coitianta. Suiteáilfidh úsáideoirí an aip ón mbrabhsálaí trí úsáid a bhaint as an mír roghchlár Cuir le Scáileán Baile nó Suiteáil, trí ghlacadh le cuireadh chun comhéadan úsáideora saincheaptha app gréasáin a shuiteáil nó a úsáid ar ardáin chomhoiriúnacha. Ní miste a rá go ndiúltaíonn Apple do PWAanna íon a fhoilsítear san App Store agus spreagann sé forbróirí gréasáin é a dháileadh trí Safari.
Is é an runtime gréasáin a bhainistíonn an comhéadan úsáideora amháin, rud a chiallaíonn go bhfuil an dearthóir gréasáin freagrach as gach rialú a thabhairt ar an scáileán. Má úsáideann tú creatlach Chomhéadain, mar shampla Iónach, nó leabharlann Dearaidh Ábhar, déanfaidh HTML agus CSS aithris ar chomhéadain dhúchasacha ar Android nó iOS ach níl sé éigeantach.Agus PWAnna á ndéanamh agat, tá sé riachtanach teicnící feidhmíochta gréasáin a chur i bhfeidhm d’fhonn eispéireas maith úsáideora a choinneáil.
Maidir le cumais, ní bheidh rochtain ag PWA ach ar APIanna atá ar fáil in inneall an bhrabhsálaí ar an ardán sin agus ní féidir é a leathnú le cód dúchais - seachas dáiltí PWA siopa app. Ar an ábhar seo, is iad iOS agus iPadOS na hardáin níos teoranta do PWAnna, cé go bhfuil níos mó infhaighteacht ag Chrome (le haghaidh OSanna Android agus deisce) agus tá siad ag obair go crua chun gach API is féidir a chur le JavaScript leis an tionscadal Fugu.
- Stóráil scamall is fearr: Roghnaigh an rogha ceart duitse.
React Dúchasach
Láidreachtaí React Dúchasach
- Patrúin céanna le React.js
- Tá roinnt APIanna gréasáin nochtaithe
- Tacaíocht gréasáin agus deisce
Laigí Dúchasacha React
- Ní féidir comhpháirteanna Chomhéadain gréasáin a athúsáid
- Teastaíonn roinnt oibre ón droichead dúchais
- Teastaíonn taithí imoibrithe
Is creatlach foinse oscailte bunaithe ar JavaScript é React Native, urraithe ag Facebook, a úsáideann patrúin dearaidh React, chomh maith le teanga JavaScript chun aipeanna dúchasacha do iOS, iPadOS agus Android a thiomsú ó chód foinse amháin.
Ach ní ghlactar le haon eilimintí HTML le tabhairt; níl ach comhpháirteanna dúchasacha eile bailí. Dá bhrí sin, in ionad a div> le a p> agus a ionchur> eilimint le JSX, beidh tú ag tabhairt a Amharc> le a Téacs> agus a TextInput>. Maidir le comhpháirteanna stíle, úsáideann tú CSS fós agus sainmhínítear an leagan amach trí Flexbox.
Ní thabharfar an comhéadan úsáideora i DOM brabhsálaí ach úsáidfear na leabharlanna dúchais comhéadan úsáideora ar Android agus iOS. Dá bhrí sin, a Cnaipe> Beidh ReactNative ina shampla de UIButton ar iOS agus ar an android.widget.Button rang ar Android; níl aon rith-ama gréasáin bainteach le React Native.
Mar sin féin, déanfar an cód JavaScript go léir a fhorghníomhú i meaisín fíorúil JavaScript ar-fheiste, mar sin níl aon JavaScript ann chun fíorchomhshó cód dúchais agus an aip á chur le chéile. Tá sraith de APIanna aitheanta d’fhorbróirí gréasáin, mar an Fetch API, WebSockets agus lasc ama an bhrabhsálaí: setInterval agus requestAnimationFrame. Úsáidtear cumais eile san ardán trí APIanna saincheaptha, mar shampla beochan.
Féadfaidh tú tionscadal tapa React Native a thosú le dhá CLI saor in aisce: Expo nó an CLI ReactNative níos úire agus níos oifigiúla. Má úsáideann tú an CLI oifigiúil, teastaíonn Android Studio uait freisin chun an aip Android agus Xcode a thiomsú agus a thástáil chun an rud céanna a dhéanamh ar iOS agus iPadOS, mar sin beidh ríomhaire macOS ag teastáil uait don ardán sin.
Tiomsaíonn React Native aipeanna dúchasacha do iOS agus Android, rud a chiallaíonn go leanfaidh dáileadh d’aip na rialacha céanna le feidhmchláir dhúchasacha eile: siopaí app le haghaidh aipeanna poiblí, dáileadh fiontar agus tástáil alfa / béite. De ghnáth, ní féidir leat aip a dháileadh trí bhrabhsálaí, cé gur féidir le React Native for Web agus ardáin React Native do Windows cabhrú leat.
NativeScript
Láidreachtaí NativeScript
- Uirlisí maithe le haghaidh códaithe agus tástála
- Gailearaí fairsing aipeanna réidh le himirt leo
- Tá gach API Android agus iOS nochtaithe i JS
Laigí NativeScript
- Pobal beag
- Ní féidir comhpháirteanna Chomhéadain gréasáin a athúsáid
- Gan aon tacaíocht gréasáin, deisce nó React
Níl an-aithne ar NativeScript mar React Native ach tá sé san iomaíocht sa réimse céanna: aipeanna dúchais iOS agus Android ó JavaScript agus creataí gréasáin. Ligeann sé duit JavaScript nó TypeScript agus comhad comhéadan úsáideora XML a úsáid chun aipeanna dúchasacha a chruthú. Tacaíonn sé freisin le Dronuilleogach agus Vue díreach as an mbosca, mar sin is réiteach iontach é d’fhorbróirí atá cleachtaithe leis na creataí seo.
Tá buntáistí NativeScript níos soiléire nuair a úsáideann tú Dronuilleogach nó Vue. Maidir le Dronuilleogach, cruthaíonn tú na comhpháirteanna céanna a bhfuil tú cleachtaithe leo ach XML a úsáid in ionad HTML don teimpléad, lena n-áirítear na ceangail sonraí go léir. Sa XML, in ionad a div> le a p> agus an img>, cuirfidh tú áit a StackLayout> le a Lipéad> agus an Íomhá> comhpháirt.
Tugtar tacaíocht do CSS agus Sass le stíleanna cosúil le CSS sa bhrabhsálaí. Déantar ródú agus bainistíocht líonra trí na seirbhísí caighdeánacha Dronuilleacha a chur i bhfeidhm. Maidir le Vue, tá rud éigin cosúil leis; scríobhann tú an teimpléad in XML in ionad HTML a úsáid mar an gcéanna teimpléad> eilimint i do chomhad .vue.
Cuimsíonn NativeScript bailiúchán de chomhpháirteanna a mhapáiltear ansin chuig rialú dúchais Android nó iOS, mar sin nuair a thabharfaidh tú liosta nó roghnóir, is é an aip dhúchasach a bheidh ann, agus an smaoineamh céanna á úsáid agat agus atá ag React Native.
Déantar do chód JavaScript nó TypeScript (trasuite) a fhorghníomhú i meaisín fíorúil JavaScript ar an bhfeiste le droichead chuig / ón timpeallacht dhúchasach. Sa droichead sin, tá na APIanna dúchasacha iomlána ó Android nó iOS / iPadOS nochtaithe agus mar sin d'ainneoin rochtain a bheith acu ar APIanna tras-ardáin, is féidir linn aon chód Java nó Cuspóir-C ó JavaScript / TypeScript a chur ar an toirt nó glaoch ar NativeScript cineálacha sonraí.
Tá tacaíocht mhór ag NativeScript le haghaidh uirlisí, lena n-áirítear breiseáin cód VS, an CLI, córas tástála athlódáil te agus aip clós súgartha NativeScript, mar sin ní gá duit gach spleáchas a shuiteáil agus tú ag tástáil, chomh maith le roinnt seirbhísí breise mar líne. clós súgartha.
Mar fhocal scoir, ní thiomsaíonn NativeScript aip do Android agus iOS is féidir a shuiteáil ó bhealaí dáilte oifigiúla agus ó shiopaí aipeanna má chomhlíonann tú a rialacha, dáileadh fiontar agus tástáil alfa / béite. De ghnáth ní bheidh aon bhealach ann apps a dháileadh ó bhrabhsálaí agus níl aon réitigh ann maidir le feidhmchláir deisce don ardán seo.
Foilsíodh an t-alt seo ar dtús i eisiúint 325 de net, an iris is mó díol ar domhan do dhearthóirí gréasáin agus d’fhorbróirí. Ceannaigh eisiúint 325 nó liostáil go glan.
Bí linn i mí Aibreáin 2020 lenár lineup de superstars JavaScript ag GenerateJS - an chomhdháil a chabhróidh leat JavaScript níos fearr a thógáil. Leabhar anois aggeneconf.com
