UpUp

Upup - начало первой революции в автономном революции

Upup - это крошечная библиотека JavaScript, которая гарантирует, что ваши пользователи всегда могут получить доступ к контенту вашего сайта, даже если они в самолете, в лифте или 20 000 лиг под морем.

Мобильный первый стал стандартом De-Facto для построения современных сайтов. Но в мире, где все мобильные, всегда на том, на что мы можем положиться. Пришло время сначала начать думать о автономном режиме .

С помощью подъема вы контролируете контент, который видят ваши пользователи, даже когда они не в автономном режиме. И вы можете сделать это только с одной командой JavaScript.

Демо и учебник

Самый простой путь к пониманию - это увидеть поднятие в действии и попробовать быстрое обучение.

Привет, мир

Начало работы с Upup так же просто, как добавить два файла JavaScript на ваш сайт, upup.min.js & upup.sw.min.js, и определение контента, который вы хотите, чтобы ваши пользователи видели, когда они автономны.

Например:

 < script src =" /upup.min.js " > </ script >
< script >
UpUp . start ( {
  'content-url' : 'offline.html' ,
  'assets' : [ '/img/logo.png' , '/css/style.css' , 'headlines.json' ]
} ) ;
</ script >

Теперь каждый раз, когда ваши пользователи возвращаются на ваш сайт, и их соединение не работает, они увидят содержимое offline.html вместо ошибки.

Проверьте некоторые живые демонстрации и полный учебник. Как только вы встанете и катитесь, вы можете прочитать полные документы API.

Требование HTTPS

Upup требует безопасной связи с вашим сайтом (это требование работников обслуживания, технологии в основе Upup). Поэтому убедитесь, что ваши пользователи посещают ваш сайт через HTTPS (сертификат SSL бесплатен с Let's Encrypt или через CloudFlare).

Поддержка браузера

Upup работает в любом браузере, который поддерживает работников обслуживания. В настоящее время это означает:

• Хром 40+
• Опера 27+
• Firefox 41+

Если ваши пользователи используют другой или более старый браузер, они просто не будут затронуты от UPUP. Ничто не сломается, и они просто не заметят ничего другого.

Техническая документация и API

Документы и полная ссылка API

Автор

Тал Атер: @talater

Лицензия

Лицензирован в соответствии с MIT.