Можно ли создать значок на главном экране телефона с помощью ReactJS?

#reactjs #mobile

#reactjs #Мобильный

Вопрос:

Я создал веб-сайт с помощью reactjs, и клиент хочет, чтобы веб-сайт автоматически создавал ссылку на главном экране телефона, которая открывает Chrome для определенного URL-адреса моего веб-сайта. Возможно ли это без обертывания reactjs другим фреймворком, таким как Cordoba, Ionic или React Native?

Большое вам спасибо

Комментарии:

1. Я считаю, что progressive web apps (PWA) позволяет добавлять значок на телефон, который просто ссылается прямо на приложение. И я думаю, что добавить эту функциональность не так уж сложно (хотя я никогда не делал этого сам, поэтому могу ошибаться). Вы можете взглянуть на них, может быть, это то, что вам нужно: web.dev/install-criteria

2. Вы также можете включить некоторые инструкции для пользователей по добавлению его на свои домашние экраны. Однако автоматическое добавление значка на чей-либо домашний экран было бы ужасной функцией, которая обязательно расстроит пользователей. Хорошо, что это невозможно 🙂

Ответ №1:

Веб-приложение не имеет доступа к внутренним API-интерфейсам устройства. Веб-приложения, естественно, зависят от функций, ограничений и ограничений браузера, в котором он запущен. Даже родные приложения должны запрашивать доступ у пользователя, чтобы иметь такие разрешения. То, что просит ваш клиент, к сожалению, невозможно.

Ответ №2:

Я согласен с приведенным выше ответом @Lux Ilustre. Вы не можете добавить ссылку на приложение на домашнюю страницу телефонов без разрешения пользователя. Но можно сделать ваш веб-сайт устанавливаемым с PWA помощью . Вы можете создать PWA файл манифеста и файл service-worker, который позволяет устанавливать веб-сайт на телефон пользователя и загружать ресурсы из кэша, что позволяет сделать некоторые части вашего веб-сайта функционирующими в автономном режиме.