Прагрэсіўныя вэб-прыкладанні (PWA) пры распрацоўцы сайтаў: інтэграцыя з Drupal

Кожны ўладальнік бізнэсу сёння імкнецца быць лепш прадстаўленым у лічбавым свеце, забяспечваючы цікавы і зручны прадукт як для карыстальнікаў дэсктоп-прылад, так і мабільнай аўдыторыі. без якіх вашаму снаферу будзе крыху самотна, многія выбіраюць стварэнне мабільнага прыкладання. аднак, задача высакакласных кампаній з вэб-распрацоўкі – прапаноўваць альтэрнатывы любых ідэй. Адна з такіх цікавых альтэрнатыў – прагрэсіўнае вэб-дадатак (PWA). Далей у артыкуле даведайцеся больш пра PWA, што яны сабой уяўляюць, чым карысныя і як магчыма інтэграцыя PWA з Drupal сайтам.

Што такое прагрэсіўнае вэб-дадатак (PWA)?

Прагрэсіўным вэб-дадаткам называюць вэб-дадатак, загружанае як звычайны сайт, але пры гэтым стварае сучасныя лічбавыя магчымасці накшталт тых, што прапануюцца ў натыўных прыкладаннях. Гэта могуць быць пуш-паведамлення, праца афлайн доступ да апаратнай часткі прылады і гэтак далей. PWA спалучаюць у сабе магчымасці сучасных браўзэраў і мабільных прылад.. Гэтыя тэхналогіі можна выкарыстоўваць як для распрацоўкі вэб сайта кампаніі, так і для інфармацыйных праектаў.

Чаму PWA? Некалькі слоў аб перавагах PWA

Інтэграваўшы PWA з Drupal сайтам, вы ўзбагачаеце сайт крутымі тэхналогіямі, уласцівымі прыкладанням. Гэта можа істотна павысіць пазіцыі вашага бізнесу. Давайце зараз пагаворым у вялікіх дэталях аб некаторых перавагах PWA:

• Кошт стварэння PWA значна ніжэй, чым кошт стварэння натыўнага прыкладання.
• Прагрэсіўнае вэб-дадатак таксама ствараецца хутчэй, чым натыўнае дадатак.
• PWA можа працаваць для ўсіх карыстальнікаў незалежна ад браўзэра дзякуючы падыходу прагрэсіўнага паляпшэння. (прагрэсіўнае паляпшэнне).
• Карыстальнік можа лёгка дадаваць прагрэсіўныя вэб-прыкладанні да хатняга экрана без неабходнасці заходзіць у краму прыкладанняў.
• Такія прыкладанні з'яўляюцца рэспансіўнымі і забяспечваюць зручнае выкарыстанне на дэсктоп-прыладах., планшэтах і смартфонах.
• Дадатковыя магчымасці накшталт пуш-апавяшчэнняў выдатна ўмеюць прыцягваць увагу, павялічваючы прыцягнення на ваш сайт.
• Прыкладанні PWA здольныя працаваць афлайн або з вельмі павольным інтэрнэтам дзякуючы сэрвіс-Воркер, што паляпшае карыстацкі досвед і пашырае вашу аўдыторыю.
• PWA працуюць бяспечна дзякуючы выкарыстанню HTTPS, што перашкаджае маніпуляцыям з дадзенымі.

Што ж унутры? Кампаненты PWA

Кожнае прагрэсіўнае вэб-дадатак змяшчае 3 ключавых кампанента:

• Абалонка прыкладання (абалонка прыкладання) захоўвае асноўныя файлы JavaScript, CSS і HTML, неабходныя для хуткай загрузкі інтэрфейсу вашага прыкладання з кэша.
• Сервіс-работнік (работнікі сферы абслугоўвання) – гэта JavaScript-файлы, якія забяспечваюць загрузку рэсурсаў з кэша для афлайн-карыстальнікаў, а таксама могуць быць настроены для пуш-апавяшчэнняў і гэтак далей.
• Маніфест вэб-прыкладанні (вэб-маніфест) – гэта файл manifest.json, які змяшчае канфігурацыю прыкладання (назва, колеру, лагатыпы і г.д.) і дазваляе карыстальнікам дадаваць яго да хатняга экрана.

Як дадаць PWA ў Drupal

Як вядома, Drupal мае модуль для любой мэты. Інтэграцыя прагрэсіўнага вэб-прыкладанні – не выключэнне. Такая інтэграцыя можа быць ажыццёўлена з дапамогай Drupal-модуля Progressive Web App.

Модуль Drupal Progressive Web App

Модуль Progressive Web App дадае функцыянальнасць PWA ў Drupal-сайта без ускладненняў. Ён забяспечвае стандартныя наладкі, а JS-распрацоўшчыкі могуць дадаваць сэрвіс-Воркер для далейшай кастамізацыі паводзін PWA.

Вось некаторыя опцыі гэтага модуля для інтэграцыі Drupal і PWA:

• Модуль змяшчае сэрвіс-Воркер для кэшавання і працы афлайн. Калі ён актыўны, ён дапамагае старонкам хутчэй загружацца. Сэрвіс-Воркер адказвае за аператыўную падачу файлаў з кэша.. Сярод дадатковых "сакрэтаў" – выкарыстанне рэзервовых карцінак для некэшаваных малюнкаў.
• Гэты Drupal стварае гнуткі ў наладзе файл manifest.json з неабходнымі метададзенымі.. Он дает возможность появляться подсказке “add to home screen” в браузерах, которые поддерживают его.
• Пользователи сайта могут настраивать и редактировать манифест через веб-интерфейс на Drupal-сайте.
• Іншыя модулі на Drupal-сайце здольныя ўносіць свае мадыфікацыі ў маніфест.

Старонка настроек модуля даступная па адрасе admin / канфігурацыя / pwa / налады, дзе трэба запоўніць неабходныя дадзеныя ў маніфест ці мяняць дэфолтныя дадзеныя (назва прыкладання, апісанне, мова па змаўчанні, стартавы URL, колеру тэмы і фону, і многае іншае). Старонка таксама змяшчае налады сэрвіс-Воркер вашага PWA, са скрынкі адказны за кэшавання.

Сістэмныя патрабаванні да працы з модулем Progressive Web App

Каб выкарыстоўваць гэты модуль для інтэграцыі PWA, трэба забяспечыць выкананне наступных патрабаванняў:

• Версія PHP на серверы павінна быць 7.2 вышэй. Стваральнікі модуля плануюць далейшае падвышэнне мінімальных патрабаванняў да PHP паводле новых рэлізаў мовы праграмавання.
• Ваш сервер павінен падтрымліваць бяспечны абмен дадзенымі па пратаколе HTTPS.. Гэта рэкамендацыя Кансорцыума Сусветнага павуціння.

_