PWA (Progressive Web App) jest rozwi\u0105zaniem, kt\u00f3re od niedawna pojawi\u0142o si\u0119 i od razu sta\u0142o si\u0119 bardzo gor\u0105cym tematem, je\u017celi chodzi o e-commerce. Powszechnie kojarzy si\u0119 z wykorzystaniem w najwi\u0119kszych i najbardziej znanych \u015bwiatowych serwisach takich jak Alibaba, Forbes, Twitter czy The Washington Post. Ze wzgl\u0119du na to, i\u017c PWA pozwala na znaczne zwi\u0119kszenie wydajno\u015bci oraz skalowalno\u015bci coraz cz\u0119\u015bciej jego wykorzystanie brane jest pod uwag\u0119 przez \u015brednie i du\u017ce sklepy internetowe.<\/p>\n

\n

<\/p>\n

Jak dzia\u0142a Progressive Web App?<\/h2>\n

Progressive Web App zosta\u0142o stworzone w celu zapewnienia u\u017cytkownikom ponad przeci\u0119tnych do\u015bwiadcze\u0144 zakupowych. Zgodnie z za\u0142o\u017ceniem PWA niezale\u017cnie od urz\u0105dzenia, z jakiego korzysta u\u017cytkownik powinien mie\u0107 mo\u017cliwo\u015b\u0107 w szybki i \u0142atwy spos\u00f3b dosta\u0107 si\u0119 do najwa\u017cniejszych tre\u015bci oraz produkt\u00f3w, kt\u00f3rymi jest zainteresowany. Z punktu widzenia u\u017cytkownika dzia\u0142anie PWA nie r\u00f3\u017cni si\u0119 od aplikacji mobilnej instalowanej na telefonie, jednak dzia\u0142a jak standardowa strona internetowa. Niezale\u017cnie czy u\u017cytkownik straci dost\u0119p do internetu czy te\u017c utracone zostanie po\u0142\u0105cznie z serwerem aplikacji idealnie by by\u0142o gdyby mia\u0142 mo\u017cliwo\u015b\u0107 z\u0142o\u017cenia zam\u00f3wienia oraz przegl\u0105dania tre\u015bci. Na t\u0105 potrzeb\u0119 odpowiada w\u0142a\u015bnie PWA. Jedn\u0105 z najwa\u017cniejszych zalet opr\u00f3cz znacznego odci\u0105\u017cenia serwera oraz przyspieszenia wy\u015bwietlania tre\u015bci u\u017cytkownikom jest w\u0142a\u015bnie mo\u017cliwo\u015b\u0107\u00a0dzia\u0142ania w trybie offline. Nale\u017cy podkre\u015bli\u0107, i\u017c aby PWA mog\u0142o zosta\u0107 powszechnie wykorzystywane konieczne by\u0142o spe\u0142nienie przez t\u0105 technologi\u0119 kilku dodatkowych warunk\u00f3w:<\/p>\n

– wsparcie responsywno\u015bci,<\/p>\n

– dzia\u0142anie w trybie offline,<\/p>\n

– obs\u0142uga przez protok\u00f3\u0142 https,<\/p>\n

– umo\u017cliwienie wy\u015bwietlania notyfikacji dla u\u017cytkownik\u00f3w, b\u0119d\u0105cych offline,<\/p>\n

Czym r\u00f3\u017cni si\u0119 Progressive Web App od standardowej aplikacji webowej?<\/h3>\n

PWA w swoich za\u0142o\u017ceniach stawia na silne oddzielenie frontendu od backendu, tzn. w przeciwie\u0144stwie do tradycyjnej aplikacji webowej tworzony jest \u0142\u0105cznik, przez kt\u00f3ry nast\u0119pnie przekazywane s\u0105 dane do PWA i trzymane w pami\u0119ci podr\u0119cznej tzw. local storage. Z jednej strony PWA uruchamiane jest po stronie przegl\u0105darki jak zwyk\u0142a strona internetowa, z drugiej jednak jej dzia\u0142anie przypomina nieco dzia\u0142anie natywnej aplikacji, nie wymagaj\u0105cej po\u0142\u0105czenia z internetem do p\u00f3\u017aniejszego dzia\u0142ania.<\/p>\n

Czym r\u00f3\u017cni si\u0119 Progressive Web App od aplikacji mobilnej?<\/h3>\n

Aplikacja mobilna tworzona jest wy\u0142\u0105cznie na potrzeby urz\u0105dze\u0144 mobilnych. Z punktu widzenia u\u017cytkownika telefonu kom\u00f3rkowego aplikacja mobilna jest du\u017co bardziej rozbudowana i oferuje u\u017cytkownikom najszersz\u0105 gam\u0119 mo\u017cliwo\u015bci takich jak wysy\u0142anie powiadomie\u0144 push, wykorzystanie skanera kod\u00f3w kreskowych, beacon\u00f3w, czy dost\u0119pny do natywnych funkcji telefon\u00f3w.<\/p>\n

G\u0142\u00f3wne za\u0142o\u017cenia dzia\u0142ania PWA<\/h3>\n

Zwi\u0119kszenie wydajno\u015bci i szybko\u015bci dzia\u0142ania aplikacji to g\u0142\u00f3wne za\u0142o\u017cenie dzia\u0142ania PWA. Realizowane jest poprzez rozdzielenie funkcji realizowanych po stronie backendowej i frontendowej. Komunikacj\u0119 pomi\u0119dzy tymi dwoma komponentami umo\u017cliwia REST API, wykorzystuj\u0105ce format JSON. Komunikacja odbywa si\u0119 poprzez dopytanie konkretnym zapytaniem o konkretne dane z wykorzystaniem protoko\u0142u HTTP. Dzi\u0119ki takiemu rozwi\u0105zaniu frontend dzia\u0142a niezale\u017cnie od backendu, a ca\u0142o\u015b\u0107 aplikacji mo\u017cna lepiej kontrolowa\u0107 i rozwija\u0107 niezale\u017cnie.<\/p>\n

Czy warto wdra\u017ca\u0107 PWA?<\/h3>\n

To zale\u017cy. PWA z pewno\u015bci\u0105 jest przysz\u0142o\u015bci\u0105 ecommerce, jednak obecnie wdro\u017cenie tej technologoii jest na tyle drogie, i\u017c sprawdzi si\u0119 wy\u0142\u0105cznie w przypadku \u015brednich i du\u017cych sklep\u00f3w internetowych, pozwalaj\u0105c im zdoby\u0107 przewag\u0119 niedost\u0119pn\u0105 dla mniejszych graczy. Koszt wdro\u017cenia PWA jest obecnie zbli\u017cony do postawienia du\u017cego sklepu internetowego np. na platformie Magento. Jak wskazuj\u0105 badania przeprowadzone przez Alibab\u0119, a opublikowane przez Google, u\u017cycie PWA zwi\u0119kszy\u0142o konwersj\u0119 z przegl\u0105darki a\u017c o 76%, liczb\u0119 aktywnych u\u017cytkownik\u00f3w mobilnych zwi\u0119kszy\u0142o odpowiednio o 14% dla IOS oraz 30% dla Androida. PWA to z pewno\u015bci\u0105 przysz\u0142o\u015b\u0107. Zesp\u00f3\u0142 Global4Net prowadzi obecnie prace rozwojowe na wdro\u017ceniem tej technologii na platformie Magento z wykorzystaniem j\u0119zyka React.<\/p>\n","protected":false},"excerpt":{"rendered":"

PWA (Progressive Web App) jest rozwi\u0105zaniem, kt\u00f3re od niedawna pojawi\u0142o si\u0119 i od razu sta\u0142o si\u0119 bardzo gor\u0105cym tematem, je\u017celi chodzi o e-commerce. Powszechnie kojarzy si\u0119 z wykorzystaniem w najwi\u0119kszych i najbardziej znanych \u015bwiatowych serwisach takich jak Alibaba, Forbes, Twitter czy The Washington Post. Ze wzgl\u0119du na to, i\u017c PWA pozwala na znaczne zwi\u0119kszenie wydajno\u015bci […]<\/p>\n","protected":false},"author":7,"featured_media":4935,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[197],"tags":[16,23],"yoast_head":"\n