Возможно, вы замечали, что некоторые сайты ведут себя почти как настоящие приложения на вашем iPhone. Их можно добавить на главный экран, они запускаются без адресной строки и иногда даже работают без интернета. Это не магия, а технология под названием Progressive Web App, или просто PWA.
Хорошая новость заключается в том, что многие современные веб-сайты уже являются PWA или могут стать PWA быстро. Это не требует установки каких-либо других программ на ваш компьютер. В большинстве случаев все, что вам нужно, — это выполнить несколько простых действий прямо в браузере Safari на вашем устройстве.
В этой статье мы подробно разберем, как быстро добавить любой понравившийся сайт на главный экран iPhone. Вы можете получить ярлык, который выглядит и работает как обычное приложение, что позволит вам получить быстрый и удобный доступ к вашим любимым веб-сервисам.
Содержание статьи
Что такое PWA-приложение?
PWA (progressive web app), или прогрессивное веб-приложение, — это инновационная технология, которая позволяет веб-сайтам выглядеть и функционировать как мобильные приложения.
Сделать PWA-приложение на iPhone не так сложно, как кажется. Если сайт работает хорошо в браузере и открыт в Safari, его достаточно добавить на главный экран. После этого приложение будет работать почти как обычное приложение. Чтобы это сделать, откройте веб-браузер Safari, найдите значок «Поделиться» и выберите «На экран «Домой». После этого иконка сайта появится в приложениях и откроется в полноэкранном режиме без адресной строки при запуске. Важно, чтобы сайт был современным, быстро грузился и работал корректно; иначе это «приложение» не имеет значения.
Как сделать мобильное приложение для iPhone из любого сайта?
Начиная с iOS 16.4, большинство сторонних браузеров и Safari позволяют сохранять закладку сайта на домашнем экране на iPhone. На домашнем экране появляется иконка, которая в основном позволяет открыть сохраненный сайт.
К счастью, многие веб-сайты доступны в полноэкранном режиме, что позволяет им открываться с домашнего экрана. Некоторые сайты даже могут отправлять уведомления на iPhone с операционной системой iOS 16.4 и более поздней версии.
Тем не менее, некоторые веб-сайты по-прежнему не оптимизированы под функцию, поэтому их можно открыть в браузере как обычные веб-страницы с помощью иконки на домашнем экране. Хотя это, конечно, быстрее, чем открывать Safari и вводить URL-адрес сайта, это не так удобно.
Приложение «Команды» позволяет превратить любой домашний сайт в полноэкранное приложение. Мы планируем использовать команду, которая создает профиль WebClip, который необходимо установить на iPhone. С этим профилем любое домашнее приложение будет открываться как полноэкранное приложение. Адресная строка больше не находится вверху, а панели инструментов находятся внизу.
Хотя это технически остается закладкой, Safari не сможет открыть ее как обычный сайт. Итак,
1. Установите программу «Команды». Скачайте его из App Store по этой ссылке, если на вашем iPhone его нет.
2. Установите команду «Make App from Web URL».
Команда «Make App from Web URL» создаёт веб-приложение любого сайта на ваш выбор. Просто скопируйте адрес сайта в буфер обмена, вставьте его в команду, назовите приложение, выберите иконку и добавьте его на домашний экран. Вы также можете поделиться сайтом в команду через стандартное меню «Поделиться», и ничего даже не придётся копировать и вставлять. В отличие от обычной закладки, сайт не будет открываться в Safari. Он будет выглядеть как отдельное полноэкранное приложение.
Если команда не открывается автоматически в приложении, нажмите «Получить быструю команду» и «Добавить».
3. Запустите команду «Make App from Web URL» в приложении «Команды».
4. Введите адрес сайта на домашнем экране и нажмите «Готово».
5. Введите адрес веб-сайта и нажмите «Готово». Если вы не хотите вводить ссылку вручную, используйте Safari, чтобы открыть нужный сайт и скопировать его ссылку.
6. Добавьте изображение для иконки на домашнем экране. Команда может попросить вас открыть приложение «Фото», и вы должны выбрать изображение для иконки веб-приложения.
В то время как наша команда не использует функцию «Добавить на экран Домой», Safari не может создавать иконки приложений для сайтов. Вам потребуется отдельное изображение для использования в качестве иконки.
Команда позволяет выбрать любое изображение из приложения «Фото», что позволяет вам использовать свое изображение или скачать его из сети. Хотя маленькая квадратная картинка лучше всего подходит, команда автоматически обрежет любое изображение под нужный размер, поэтому по возможности избегайте больших изображений и вообще используйте маленький логотип сайта.
7. После выбора изображения для иконки вашего веб-приложения группа создаст профиль конфигурации и попросит вас его скачать. Вы должны выбрать «Разрешить» и «Закрыть».
8. Чтобы восстановить только что скачанный профиль конфигурации, откройте приложение «Настройки». Вверху главного экрана вы увидите опцию «Профиль загружен», на которую можно нажать.
Если сообщение не появилось, перейдите в «Основные» и выберите «VPN и управление устройством». Затем нажмите название загруженного профиля.
9. Нажмите «Установить» в правом верхнем углу и введите свой пароль, когда потребуется. Нажмите «Далее» и «Установить» в правом верхнем углу, а затем снова внизу, чтобы профиль был установлен.
Когда вы нажмете на иконку на домашнем экране, веб-сайт откроется на весь экран, не имея адресной строки вверху и панели инструментов внизу.
Тем не менее, если вы нажмете какую-либо кнопку или перейдете на другую страницу, панели навигации вверху и внизу появятся. Они позволяют вам выбрать режим чтения, запросить полную версию сайта, изменить настройки и т. д. После свайпа вверх или вниз панели исчезнут.
Как видно, добавление почти любого сайта на главный экран iPhone как PWA-приложение быстрое и простое. Все это происходит прямо в браузере Safari, без необходимости скачивать дополнительные приложения из App Store.
Благодаря этому методу вы получите настоящее приложение, которое работает в окне без панели браузера. Иконка на рабочем столе появится, а сайт при открытии будет выглядеть и работать почти как нативное приложение.
Помните, что качество такого приложения полностью зависит от самого сайта. Опыт будет отличным, если разработчители оптимизировали его для мобильных устройств и добавили функции PWA, такие как офлайн-работа. В противном случае это просто быстрый и удобный доступ к сайту.
Это отличный способ организовать свой домашний экран и получить более удобный доступ к веб-приложениям, которыми вы пользуетесь каждый день. Попробуйте этот трюк с любимыми сервисами.
