Ábhar
- Ascent na PWAnna
- PWAnna i ngníomh inniu
- Suiteáil
- Seoladh as líne agus láithreach
- Taithí den chéad scoth
- Siopaí aipeanna
- Comhtháthú ardáin
- Dúshláin dearaidh agus UX
- Bliain na PWAnna
Díreach mar a dhún dearadh gréasáin sofhreagrach an bhearna idir suíomhanna deisce agus soghluaiste cúpla bliain ó shin, tá teicnící forásacha aipeanna gréasáin ag dúnadh na bearna idir an gréasán agus domhan na n-aipeanna faoi láthair. Le heispéiris an úsáideora ó dheasc go feidhmchláir soghluaiste ag teacht le chéile go gasta, is cosúil go bhfuil idirlíon i bhfad níos sleamhain agus níos éifeachtaí ag teacht chun cinn - cé go dosheachanta ní gan roinnt athruithe suntasacha ar a chód géiniteach bunúsach.
- Conas Aip Gréasáin Forásach a thógáil
Is léir go bhfuil roinnt brúnna roghnacha suntasacha ag tiomáint seo. Ar an gcéad dul síos, ní gá gur úsáid éifeachtach acmhainní iad aipeanna dúchasacha a chruthú do gach nideoige: bíonn na céadta aipeanna móra ag cur amú bandaleithid agus spás diosca luachmhar ar úsáideoirí agus caitheann cuideachtaí go leor airgid ag cruthú aipeanna ach iad a thréigean. tar éis a gcéad leaganacha. Agus tá an chuid is mó de na feidhmchláir seo díreach á dtiomáint ag ábhar gréasáin: faisnéis a thagann ó sheirbhísí gréasáin nó ó chóras bainistíochta inneachair.
Níl an sainmhíniú ar aip fhorásach gréasáin nithiúil. Níl i PWA ach aip gréasáin a úsáideann roinnt APIanna agus cumais nua san ardán gréasáin ag baint úsáide as feabhsú forásach chun eispéireas cosúil le aip a thairiscint ar gach ardán leis an mbonn cód céanna. Is sraith dea-chleachtas agus úsáid API é a chruthaíonn eispéireas den scoth cosúil le app do d’úsáideoirí, mar sin ní cosúil go bhfuil PWA agat nó mura bhfuil PWA agat; tá sé níos cosúla le do shuíomh níos mó nó níos lú PWA.
An bhfuil tú ar tí tosú ar shuíomh nua a thógáil? Bain triail as tógálaí láithreán gréasáin a úsáid. Agus déan cinnte go bhfaighidh tú an tacaíocht a theastaíonn uait ó sheirbhís mhaith óstála gréasáin, freisin. Nó le haghaidh rud beagáinín difriúil, féach ár dtreoir maidir leis an stóráil scamall is fearr.
Ascent na PWAnna
Cé gur cumadh an t-ainm PWA in 2015 san alt Escaping Tabs Without Losing our Soul le Alex Russell ag obair ag Google d’fhoireann Chrome, níor thosaigh a dturas ansin i ndáiríre. Ba ghnách linn Feidhmchláir HTML (HTAnna) a bheith againn, a chruthaigh Microsoft i 1999, in éineacht le go leor ardáin app gréasáin eile ó Nokia, sméar dubh agus cuideachtaí eile. Ansin, i 2007, chuir Steve Jobs i láthair an t-aon bhealach ag an am chun aipeanna a chruthú don iPhone bunaidh: PWAnna, cé go raibh ainm difriúil orthu. Thosaigh Chrome as sin, chuir sé feabhas ar na APIanna cúpla bliain ina dhiaidh sin agus chum an t-ainm PWA.
Agus an oiread sin taithí theip orthu roimhe seo ag iarraidh ábhar gréasáin a thabhairt chuig saol na n-aipeanna, cén fáth a gceapaimid go n-oibreoidh sé anois? Bhuel go príomha, is faoi na cuideachtaí atá ag obair agus ag cur chun cinn na dteicneolaíochtaí taobh thiar de PWAnna, mar Microsoft, Google, Apple agus Mozilla, atá siad ach cúpla ceann a ainmniú. Chomh maith leis sin, shroich feidhmíocht an ardáin gréasáin pointe nach bhfeictear aon difríocht nuair a dhéanann tú comparáid idir PWA dea-dheartha agus aip dhúchasach. Ní raibh na coinníollacha sin ann riamh roimhe agus sin cúis amháin a shocraigh an pobal gréasáin go bhfuil an t-am tagtha do PWAnna.
PWAnna i ngníomh inniu
Sa lá atá inniu ann tá PWAnna ag feidhmiú go hiomlán agus in-suiteáilte ar:
- Android leis an gcuid is mó de na brabhsálaithe, le Chrome ag tairiscint an taithí is fearr
- iOS le Safari
- Chromebooks
- Windows 10 ón Microsoft Store
- Gnéithe fóin le KaiOS - forc ó Firefox OS - ar fáil faoi láthair do na milliúin úsáideoirí san India go príomha
Tá tacaíocht ag teacht freisin do macOS, Windows agus Linux trí Chrome níos déanaí i mbliana. Tá sé ar fáil inniu mar bhratach turgnamhach ‘Desktop PWA’ más mian leat triail a bhaint as anois. Tá suiteáil ar Windows on Edge gan an siopa a úsáid ag teacht níos déanaí freisin, cé nach sainítear aon chreat ama ar leith.
Má athléann tú an liosta, is féidir leat a fheiceáil go bhfuil nó go bhfuil tacaíocht ag gach ardán do PWAnna atá suiteáilte go hiomlán sna míonna ina dhiaidh sin. Agus toisc nach bhfuil i PWA ach suíomh Gréasáin le gnéithe ar a bharr nach ngníomhófar ach ar bhrabhsálaithe comhoiriúnacha, is féidir linn a rá go bhfuil sé comhoiriúnach leis na brabhsálaithe uile óna fheidhmiúlacht bhunúsach.
Chomh maith leis sin, tá PWAnna á nginiúint faoi láthair ó fhormhór na CLIanna do chreataí éagsúla, lena n-áirítear an CLI uilleach 6+, App React Create, Kit Tosaithe PWA ó Pholaiméir agus Preact CLI. Faoi dheireadh, tháinig foireann an Chreata Iónach suas leis an smaoineamh Capacitor, athsholáthar foinse oscailte Cordova a fhágann gur féidir PWAanna dúchasacha a dhéanamh ar gach stór app.
Suiteáil
Ceann de na gnéithe criticiúla de PWA is ea suiteáil an aip. Déantar an próiseas seo in dhá chéim roghnacha: comhaid an aip a íoslódáil agus a stóráil as líne agus an tsuiteáil deilbhín san OS. Toisc go bhfuil an dá chéim roghnach, is féidir leat eispéireas as líne a thairiscint sa bhrabhsálaí nó is féidir leat deilbhín a thairiscint gan suiteáil as líne. Ach ba cheart go mbeadh an dá rud san áireamh i bhfíor-PWA: caithfear TLS a sheirbheáil air faoi HTTPS agus cinnfidh an t-úsáideoir an úsáidfidh siad é sa bhrabhsálaí nó laistigh dá dheilbhín suiteáilte féin.
Seoladh as líne agus láithreach
Is é inchinn PWA an t-oibrí seirbhíse, comhad JavaScript atá suiteáilte ar ghléas an úsáideora atá freagrach as comhaid an aip a íoslódáil, iad a stóráil i taisce agus iad a sheirbheáil níos déanaí nuair is gá. Nuair a bheidh an t-oibrí seirbhíse suiteáilte, feidhmíonn sé mar seachfhreastalaí líonra do gach acmhainn a theastaíonn ón aip gréasáin: féadfaidh sé a chinneadh é a fháil ón líonra nó é a sheachadadh ón taisce áitiúil, rud a chuireann an aip ar fáil as líne agus ar fáil i díreach cúpla milleasoicind fiú má tá nasc ag an úsáideoir, ag déanamh aithris ar sheoladh aip dhúchasach.
D’fhonn oibrí seirbhíse a shuiteáil, beidh ar rud éigin mar seo a leanas a bheith i do dhoiciméad HTML:
más rud é (‘serviceWorker’ in navigator) navigator.serviceWorker.register ("sw.js");
Suiteálfaidh sé sin an comhad “sw.js” ar ghléasanna úsáideoirí don fhillteán reatha sa réimse reatha - coincheap ar a dtugtar an raon feidhme. Tar éis é a shuiteáil, déanfaidh an t-oibrí seirbhíse sin na chéad chuairteanna eile ar aon URL a bheidh laistigh dá raon feidhme a bhainistiú.
Ligean le rá go bhfuil PWA againn le ceithre chomhad: index.html, app.js, app.css agus logo.png. Is é an chéad rud na comhaid sin a shuiteáil sa taisce sa chomhad sw.js.
const resources = ["index.html", "app.js", "app.css", "logo.png"]; féin. addEventListener ("install", event => {event. waitUntil (caches.open ("myPWAcache") .then (cache => cache.addAll (acmhainní));});
Ansin chun an PWA a sheirbheáil i gcónaí ón taisce, caithfimid éisteacht le haghaidh na hócáide beir laistigh den oibrí seirbhíse agus cinneadh a dhéanamh ar an mbeartas taisce le húsáid, mar shampla taisce ar dtús leis an gcipín seo a leanas.
self.addEventListener ("fetch", e => e.respondWith (caches.match (e.request). ansin (res => res);
Sa chás seo, gach uair a dhéanann an t-úsáideoir rochtain ar an PWA (ó bhrabhsálaí nó ó dheilbhín suiteáilte araon), gheobhaidh an t-inneall na comhaid ón taisce. Buntáiste a bhaineann le PWAnna i gcoinne aipeanna dúchasacha ná nach gá do ghléasanna na comhaid go léir a íoslódáil arís nuair a bhíonn athrú ann, ach an comhad a athraíodh le próiseas trédhearcach. Chomh maith leis sin, is féidir linn codanna den aip a íoslódáil ar éileamh.
Ach is é an dúshlán ná cén chaoi a bhfuil a fhios agat cé na comhaid a nuashonraíodh ar an bhfreastalaí ionas gur féidir leat iad a athsholáthar sa taisce? Mura dteastaíonn uait oibrí seirbhíse ar leibhéal íseal a scríobh chun é seo a bhainistiú, is féidir leat Bosca Oibre na leabharlainne foinse oscailte a úsáid, a chabhróidh leat giniúint an oibrí seirbhíse agus na hacmhainní a léiriú chun an pacáiste suiteáilte a nuashonrú.
Bíodh a fhios agat go scriosfar comhaid do PWA má tá brú stórála ar an bhfeiste, mura n-iarrann tú Stóráil Seasmhach má tá siad ar fáil:
más rud é (‘stóráil’ sa loingseoir && ‘seasfaidh’ i navigator.storage) navigator.storage.persist ();
Ar Chrome agus an chuid is mó de na brabhsálaithe Android, ní féidir le d’aip níos mó ná cúig faoin gcéad den spás atá ar fáil a úsáid; ar iOS is 50MiB é (in aice le 50MB) in aghaidh an óstach amháin; in Edge tá sé athraitheach de réir mhéid iomlán na cuimhne agus i Windows Store, tá sé gan teorainn.
Taithí den chéad scoth
Tá an inchinn againn agus anois tá sé in am don chroí: an aip gréasáin a léiriú. Ní hé amháin an aidhm atá le suíomh Gréasáin a iompú ina PWA ná a chinntiú go bhfuil sé ar fáil go gasta nó nuair a bhíonn sé as líne ach freisin chun a chumasú dó a dheilbhín féin a bheith aige san OS agus eispéireas go hiomlán neamhspleách a thairiscint cosúil le haon aip suiteáilte eile.
Is comhad JSON é an manifest a shainmhíníonn meiteashonraí don PWA a úsáideann brabhsálaí nó stór app d’fhonn an t-iompar suiteála a shainiú.
Sainmhíníonn an comhad roinnt airíonna mar mheiteashonraí do do PWA. Léifidh gach OS na hairíonna seo agus déanfaidh sé a dhícheall an taithí is fearr leat a mheaitseáil. Mar shampla, léifidh Android ‘display: standalone’ agus cruthóidh sé gnáth-eispéireas app. Le ‘taispeáint: minimal-ui’ cruthóidh sé eispéireas le URL infheicthe agus teastas TLS - úsáideach le haghaidh aipeanna atá íogair ó thaobh slándála. Le ‘taispeáint: lánscáileán’ cruthaítear aipeanna lán-tumtha gan barra stádais nó cnaipe cúl infheicthe. Sainmhíníonn tacar deilbhíní agus dathanna an chaoi a bhféachfaidh na scáileáin splancscáileáin nó na barraí teidil d’fhuinneog d’aip.
Tá roinnt gineadóirí follasacha ann, mar shampla Web App Manifest Generator nó PWA Builder a athróidh an deilbhín duit i rúin éagsúla má sholáthraíonn tú ceann ardtaifigh (512 picteilín ar a laghad).
Nuair a bheidh an comhad taispeána agat nasctha i do dhoiciméad HTML, beidh úsáideoirí in ann an aip a shuiteáil ag úsáid teicnící éagsúla ag brath ar an mbrabhsálaí, ar a dtugtar de ghnáth Cuir le Scáileán Baile, Suiteáil nó díreach Cuir Leis. Má tá do PWA crawlable le Bing, cuirfidh Microsoft é go huathoibríoch leis an Microsoft Store ionas go mbeidh úsáideoirí Windows 10 in ann é a shuiteáil as sin.
Ar roinnt córais oibriúcháin, beidh sé de chumas ag do PWA naisc a ghabháil. Ciallaíonn sé seo, tar éis don úsáideoir an aip a shuiteáil, go n-osclófar aon URL atá faoi raon feidhme do fhógra laistigh de theorainneacha d’aip agus ní sa bhrabhsálaí, is cuma má tá sé le feiceáil sa bhrabhsálaí nó in aipeanna eile mar WhatsApp, Facebook nó ríomhphost.
Má éiríonn leat na riachtanais PWA atá á sainiú againn anseo, tabharfaidh suaitheantas comhthimpeallach roinnt ardáin (deilbhín beag de ghnáth sa bharra URL ag sonrú go bhfuil an gréasán suiteáilte) nó meirge aip gréasáin. Más fearr leat, is féidir leat do chnaipe Suiteáil saincheaptha féin a chur leis an gcipín seo a leanas:
Taispeánfaidh window.addEventListener ("beforeinstallpr ompt", feidhm (e) {e.prompt (); // an pras dúchais suiteála})
Má tá an PWA suiteáilte, múchfar an t-imeacht ‘appinstalled’ ar réad na fuinneoige ionas gur féidir leat stats a rianú ag éisteacht dó.
Siopaí aipeanna
Ceann de na príomhbhuntáistí a bhaineann le suiteáil ó bhrabhsálaí is ea a bheith in ann an próiseas ceadaithe siopa app a sheachaint nó íoc as a bheith i d’fhoilsitheoir. Tá buntáistí soiléire ag baint leis sin, mar shampla foilsiú láithreach, apps príobháideacha a chruthú do chuideachtaí nó aipeanna nár cheart glacadh leo sna siopaí.
Ach ba mhaith le cuideachtaí áirithe a bheith sa siopa. Amhail an lá inniu, is iad na siopaí amháin a ghlacann go hoifigiúil le PWAnna ná an Windows Store agus an kaiOS Store. Ar ámharaí an tsaoil, le huirlisí cosúil le Capacitor (in Alpha faoi láthair) nó PWA Builder, is féidir linn pacáistí dúchasacha a chruthú agus a shíniú d’ardáin eile freisin.
Tá roinnt PWAnna foilsithe cheana féin sa Google Play Store, mar shampla Twitter Lite agus Google Maps Go, atá á gcur i bhfeidhm faoi láthair. Cuirfidh Chrome réiteach ar fáil ó Chrome 68 trí ghníomhaíochtaí gréasáin iontaofa. Ón bpointe sin, beimid in ann pacáiste Android (APK) a chruthú le lainseálaí chuig ár PWA agus é a uaslódáil chuig an siopa. Maidir leis an Microsoft Store ar Windows 10, tá an láithreán Tógálaí PWA ag cabhrú faoi láthair le pacáiste APPX Windows 10 a ghiniúint. Agus radharc gréasáin á úsáid agat, b’fhéidir go mbeifeá in ann aip iOS a chruthú de láimh don App Store ach a bheith thar a bheith cúramach faoi rialacha an stóir.
Comhtháthú ardáin
Trí theicnící forásacha feabhsúcháin a chur i bhfeidhm, beidh tú in ann go leor gnéithe a úsáid, lena n-áirítear fógraí faoi bhrú, rochtain ceamara agus micreafón, geolocation, braiteoirí, íocaíochtaí, dialóga scaireanna agus stóráil as líne. Ritheann na gnéithe seo go léir go díreach laistigh de mhúnla slándála an bhrabhsálaí, lena n-áirítear dialóga ceada.
Is féidir linn cumarsáid a dhéanamh le feidhmchláir eile freisin trí scéimeanna URI, mar shampla Twitter, YouTube nó WhatsApp a oscailt trína URLanna nó URIanna saincheaptha, mar shampla whatsapp: //.
Mar fhocal scoir, agus PWAanna dúchasacha á gcruthú a fhoilsítear don siopa ag úsáid Capacitor nó chuig Microsoft Store, beimid in ann droichead a dhéanamh chuig APIs dúchasacha a chuirfidh ar ár gcumas beagnach aon chód dúchasach a fhorghníomhú. Cuimsíonn an comhtháthú sin le Windows 10 rochtain ar chrua-earraí ach freisin comhtháthú leis an OS, ag tairiscint roghanna mar Pin to Start. Mar shampla, ligeann an PWA Twitter duit aon úsáideoir a phionáil ar do scáileán tosaigh.
Dúshláin dearaidh agus UX
Tá dúshláin uathúla ag baint le PWAnna a dhearadh, mar sin tá sé tábhachtach roinnt ama a chaitheamh ag déanamh taighde, ag tástáil a oiread agus is féidir agus ag smaoineamh ar na rudaí seo a leanas:
- Beidh úsáideoirí ag súil le heispéiris cosúil le app.
- Tá an próiseas suiteála fós nua, mar sin caithfimid iarracht bhreise a dhéanamh chun a mhíniú conas an aip a shuiteáil.
- Is iontach an rud an t-aip sa chúlra a nuashonrú gan idirghníomhaíocht úsáideora ach cuireann sé roinnt dúshlán roimh an UX freisin.
- Ar an deasc, tá teorainn nua le dearadh sofhreagrach gréasáin mar is féidir le fuinneoga PWA a bheith beag bídeach, i bhfad níos lú ná amharcphort soghluaiste. Ciallaíonn sé seo go gcaithfimid radhairc shonracha nó giuirléidí beaga a chruthú don fhormáid seo, mar atá le feiceáil i Chrome OS inniu.
- Ba cheart go gcuirfeadh fógraí faoi bhrú luach leis an úsáideoir amháin, mar sin foghlaim conas iad a iarraidh ag an nóiméad ceart agus ná cuir amú an deis teachtaireachtaí nach bhfuil úsáideach nó suimiúil a sheoladh.
- Caithfimid dearadh a dhéanamh ar fheidhmíocht gréasáin agus ar rochtain as líne.
Bliain na PWAnna
Agus iOS agus deasc curtha leis i mbliana, tá PWAnna i ngach áit inniu. Ach ní mór dúinn cuimhneamh go bhfuil a dturas díreach ag tosú, mar sin bí ag súil le hathruithe go minic agus déan cinnte tú féin a choinneáil suas chun dáta leis na teicnící agus na smaointe is déanaí chun eispéireas úsáideora den scoth a sholáthar fad a fhorbraíonn an t-ardán.
Foilsíodh an t-alt seo ar dtús in eagrán 308 de glan, an iris is mó díol ar domhan do dhearthóirí gréasáin agus d’fhorbróirí. Ceannaigh eagrán 308 anseo nó liostáil anseo.
