Будь в курсе последних новостей из мира гаджетов и технологий
iGuides для смартфонов Apple
Как за пару минут превратить любимый сайт в десктопное приложение
Александр Кузнецов — 25 июля 2018, 20:13
Lifehacker обнаружил сервис Web2Desk, который за несколько секунд создаёт из любого сайта десктопную программу. Её можно установить на Windows, Linux или macOS.
Создать приложение очень просто:
- Зайдите на сайт Web2Desk
- Укажите адрес сайта
- Напишите название приложения
- Добавьте иконку (или оставьте ту, которая подтянулась из фавикона)
- Укажите email, куда будет отправлена ссылка на скачивание
- Нажмите Create Now
Я сделал сайт за 10 минут!
Через несколько минут Web2Desk сгенерирует три приложения — для Windows, Linux и macOS. Скачайте то, которое соответствует операционной системе на вашем компьютере и запустите его. Отдельное приложение сайта потребляет гораздо меньше оперативной памяти, чем браузер со всеми его расширениями, и работает намного быстрее. Иконку для запуска приложения можно разместить на рабочем столе или панели задач — так ваш любимый сайт никогда не потеряется.
Созданное таким образом приложение iGuides можно скачать по этой ссылке.
Источник: www.iguides.ru
Превращение веб-сайта в высококачественное приложение PWA
Преобразование веб-сайта в полнофункциональное высокопроизводительное PWA (прогрессивное веб-приложение) можно сделать в перерыве на обед! В этой статье подробно описан полный процесс.
Шаг 1. Создание карточки отчета в построителе PWA
Во-первых, вы хотите проверить, есть ли у веб-сайта функции и метаданные, необходимые для работы с PWA.
- Переход к построителю PWA
- Введите URL-адрес веб-сайта, который вы хотите преобразовать в PWA, и нажмите кнопку «Пуск»
- Построитель PWA отобразит карточку отчета PWA, которая указывает, что у вашего веб-сайта есть и нет функций.
Шаг 2. Просмотр карточки отчета PWA
Карточка отчета PWA содержит оценку вашего веб-сайта из максимальной оценки 100. Оценки основаны на трех категориях функций.
манифеста
PWA оценивает манифест веб-приложения веб-сайта , если он доступен, и определяет поля или значения tht являются обязательными, рекомендуемыми и необязательными. Вы можете улучшить оценку, добавив отсутствующие значения, изменив и повторно опубликовав файл манифеста, или с помощью редактора манифеста в Интернете.
как сделать любой веб сайт в приложение для Windows/how to make any website in windows app
Изменения, внесенные в редактор манифеста в Интернете, не будут опубликованы на веб-сайте. Внесенные изменения будут использоваться построителем PWA только при создании PWA.
Обязательные значения должны присутствовать, в противном случае построитель PWA не сможет создать PWA. Обязательные поля включают простое наличие манифеста, значков, имени, короткого имени и start_url.
Рекомендуемые поля не являются обязательными, но важны для взаимодействия с пользователем PWA. Настоятельно рекомендуется предоставить все рекомендуемые значения, хотя построитель PWA может создать PWA без них. Рекомендуемые значения включают режим отображения, цвет фона экрана-заставки, описание, ориентацию, снимки экрана, значок высокого разрешения, значок с маскированием, категории и ярлыки.
Необязательные поля не являются обязательными, но при необходимости их можно указать. Необязательные поля включают возрастную оценку и связанные приложения.
Рабочая роль службы
Рабочий роль службы выполняется в фоновом режиме, чтобы включить расширенные функции веб-приложения, в которых в противном случае произойдет ошибка 404. Для создания PWA Builder требуется рабочий роль службы для создания PWA, но если у вас ее нет, можно использовать один из нескольких предварительно созданных рабочих ролей обслуживания, предоставляемых построителем PWA. Чтобы использовать предварительно созданную рабочую роль службы, выполните приведенные далее действия.
- В меню выберите вкладку «Параметры рабочей роли службы «.
- Выберите соответствующую рабочую роль службы в курированном списке. Обратите внимание, что существует множество предварительно созданных параметров; Обязательно выберите рабочую роль службы, наиболее подходящую для конкретного варианта использования.
- Выбрав рабочую роль службы, которую вы хотите использовать, вы вернетесь в карточку отчета PWA.
Безопасность
Для всех PWA, созданных с помощью построителя PWA, требуются три протокола безопасности.
- Сайт должен использовать ПРОТОКОЛ HTTPS.
- Сайт должен иметь соответствующий сертификат HTTPS. Если у веб-сайта нет сертификата HTTPS, вы можете опубликовать его в Azure, чтобы получить встроенную поддержку HTTPS. Кроме того, существуют бесплатные сторонние средства, такие как Letsencrypt , которые позволяют бесплатно получить сертификат HTTPS.
- Сайт не должен содержать смешанное содержимое. Смешанное содержимое заключается в том, что страница, обслуживаемая по протоколу HTTPS, содержит ресурсы, загруженные по протоколу HTTP. Смешанное содержимое компрометирует безопасность HTTPS и PWA.
Шаг 3. Сбор важных сведений из Центра партнеров
Для создания PWA вам потребуется несколько сведений из учетной записи Центра партнеров. Если у вас нет MSA, щелкните здесь, чтобы узнать, как приступить к работе. Кроме того, необходимо зарегистрироваться в программе разработчика Windows.
Если вы еще не сделали этого, необходимо создать приложение PWA, зарезервировав новое имя. Когда вы зарезервировали свое имя, нажмите кнопку «Начать отправку «, чтобы создать новую отправку приложения.
Затем перейдите на вкладку «Управление продуктами » и выберите «Удостоверение продукта». На странице удостоверений продукта отобразится идентификатор пакета продукта, идентификатор издателя и отображаемое имя издателя. Сохраните эти значения и вернитесь в построитель PWA.
Шаг 4. Создание PWA в построителе PWA
Теперь у вас есть все необходимое для создания PWA в ПОСТРОИТЕЛе PWA. Вернитесь на сайт построителя PWA и нажмите кнопку «Создать».
Построитель PWA предложит вам получить информацию, полученную из Центра партнеров на шаге 3. Заполните значения и нажмите кнопку «Создать».
После создания PWA Builder браузер автоматически скачивает его. PWA упаковается в файл .zip, содержащий шесть файлов.
Msix-файл — это основной пакет приложения PWA. Этот файл установит PWA на компьютере пользователя.
Appx-файл — это классический пакет приложения. Он используется для установки PWA в более ранних версиях Windows. Дополнительные сведения см. в пакетах классических приложений .
Шаг 5. Отправка пакетов приложений в Microsoft Store
Эти пакеты можно отправить в Microsoft Store так же, как и любое другое приложение, упакованое в msIX-файл. Дополнительные инструкции по отправке пакетов PWA в магазин см. в разделе «Отправки приложений».
Источник: learn.microsoft.com
Конвертируем веб-сайт в PWA приложение на примере TeraBox
PWA (прогрессивное веб-приложение) — является веб-технологией, функционально трансформирующей, конвертирующей веб-сайт в приложение. PWA приложения поддерживаются как десктопными операционными системами Windows, macOS, GNU/Linux, так и мобильными системами Android и iOS (для iOS отсутствует поддержка push-уведомлений).
Некоторые веб-сайты нативно поддерживают технологию прогрессивных приложений и при посещение такого сайта, например Twitter, в адресной строке браузера будет предложено установить приложение.
Несмотря на то, что большинство сайтов нативно не поддерживают PWA приложения для своих веб-сайтов, вы все равно можете конвертировать любой веб-сайт в прогрессивное приложение.
Прогрессивные приложения особенно удобно использовать в тех случаях, когда, например веб-сайт предлагает некий сервис, которым было бы удобно пользоваться в качестве десктопного приложения, но оно либо отсутствует, либо его функционал гораздо хуже функциональности веб-сайта. Например, сервис TeraBox, предлагающий бесплатно 1024 ГБ облачного хранилища, у него отсутствует приложение для десктопных операционных систем.
В таком случае конвертация веб-сайта TeraBox в приложение будет полезным дополнением для работы с сервисом. Другой случай, мобильное приложение Nextcloud, функциональность видеоплеера оставляет желать лучшего, сводит к тому, что им невозможно пользоваться. Уже длительное время и на данный момент проблема все еще актуальна (хотя работают над сменой внутреннего движка плеера, появится поддержка потокового воспроизведения видео). В данном случае, если пользователю критично наличие воспроизведения потокового видео, которое отлично работает в веб-версии, то стоит воспользоваться PWA версией веб-сайта для трансформации в PWA приложение.
Конвертация веб-сайта в PWA приложение с помощью браузера Microsoft Edge в Windows
Конвертировать сайт в прогрессивное приложение максимально просто. В данном примере мы конвертируем веб-сайт Dubox (сервис TeraBox) в прогрессивное приложение для Windows.
- Откройте браузер Microsoft Edge и перейдите на на нужный вам веб-сайт.
- Нажмите на кнопку «Настройки» (комбинация клавиш ALT + F ).
- В выпадающем меню выберите раздел «Приложения» — затем опцию «Установить этот сайт как приложение».
Задайте свое название или согласитесь с предложенным и нажмите на кнопку «Установить».
Созданное приложение доступно в меню Пуск.
Вы можете закрепить его на панели задач или создать ссылку приложения для рабочего стола (достаточно «перетянуть» приложение из меню Пуск на рабочий стол).
PWA приложение TeraBox, как и веб-версия, позволяют загружать не только файлы, но и папки.
Конвертация веб-сайта в PWA приложение в Android
Вы так же можете конвертировать веб-сайт в прогрессивное веб-приложение для операционной системы Android.
- Запустите веб-браузер Microsoft Edge для Android и в адресной строке браузера откройте нужный для конвертации веб-сайт.
- В зависимости от используемого браузера, расположение настроек или их название может отличаться. В большинстве случаев функция конвертации будет называться «Добавить на экран» или «Установить приложение». Нажмите на данную кнопку.
- Дождитесь конвертации сайта в приложение.
Иконка созданного веб-приложения будет расположена в том же списке, где и остальные установленные приложения.
Источник: www.comss.ru