Як зробити сайт доступним офлайн.

Як зробити так, щоб користувач зміг використовувати ваш сайт, навіть якщо пропало інтернет підключення або його взагалі немає? Сьогодні ми про це і поговоримо.

Для чого це потрібно?

Ваші користувачі більше не використовують свої десктопні комп`ютери, підключені по дротах до інтернету. Вони відвідують ваш сайт з телефону в ліфті, з планшета в метро або з ноутбука, поки тісно сидять на місці 25E.

Саме з цього сучасні браузери підтримують ServiceWorkers, нову технологію, яка дозволяє вам надавати користувачам доступ до вашого сайту, навіть якщо вони не в мережі.

UpUp - це безкоштовний, open source проект, який дозволяє використовувати цю сучасну магію всього лише викликом однієї команди.

UpUp.start({ 
`Content-url`:`Offline.html`// покаже цю сторінку користувачам не в мережі 
}) -

Незважаючи на те, що використовувати цю технологію просто, вона досить потужна, щоб підтримувати все, що завгодно, від показу простих повідомлень до створення повністю функціонального одиночній сторінки додатка, доступною офлайн з кастомізації даних для кожного користувача.

Як це працює?

UpUp використовує ServiceWorkers для визначення втрати з`єднання. ServiceWorkers - це спеціальний скрипт, який працює в браузері в фоновому режимі і може стежити за статусом мережі.

Коли користувач відвідує ваш сайт в перший раз, UpUp реєструє ServiceWorker з вашим браузером і дає йому список файлів, які потрібно закешовану.

Наступний раз, коли користувач відвідує ваш сайт, ServiceWorker слухає мережу на наявність помилок. Якщо з`єднання втрачено, і ServiceWorker знайде потрібні файли в кеші, то він поверне їх також, як якщо б вони прийшли з мережі.

Отже, сьогодні ми розглянули дуже цікаву технологію, якої, думаю, ви зможете знайти застосування. Дякую за увагу!

Поділися в соціальних мережах:

Схожі