Ключевые слова: IOS, App Store, App Links.
Актуальность данной статьи определяется как было выше сказано широким распространением смартфонов, а также развитием технологий, позволяющих пользователям получать информацию, совершать какие-либо действия на расстоянии.
Итак, дадим определения сайту и мобильному приложению, а также проведем между ними сравнение. Сайт (от англ. Site – место, местоположение, позиция) – совокупность страниц, объединенных одной общей темой, дизайном, имеющих взаимосвязанную систему ссылок в сети Интернет [1]. Мобильное приложение – это специально разработанное приложение под конкретную мобильную платформу (iOS, Android, Windows Phone) [2]. Эти два понятия в современном мире имеют очень тесную связь, и их интеграция ложится на плечи программиста.
Одной из проблем, возникающих перед программистом при создании сайта и вместе с ним мобильного приложения это как сделать, чтобы люди, переходя по ссылке на сайт в мобильном устройстве, сразу переходили бы в ваше приложение, реализацию данной идеи рассмотрим ниже.
Данная реализация будет происходить на платформе iOS.
Следующий процесс будет разделен на два этапа, это изменения в коде сайта и изменения в коде вашего мобильного приложения.
Для того чтобы добавить поддержку ссылок на приложение к существующему веб-контенту, надо указать метаданные. Вам необходимо добавить следующую информацию:
- Пользовательский URL-адрес, который будет использоваться для запуска вашего приложения.
- Идентификатор магазина приложения / пакет, который будет обрабатывать контент.
- Имя приложения, которое будет обрабатывать контент. Метаданные добавляются в <head> тег вашей веб-страницы.
Например, предположим, что у вас есть страница, расположенная по адресу: http://example.com/applinks
На этой странице вам нужно добавить некоторые метаданные, чтобы описать, какое приложение будет обрабатываться в случае запуска с телефона:
<html>
<head>
<meta property=»al:ios:url» content=»example://applinks» />
<meta property=»al:ios:app_store_id» content=»12345″ />
<meta property=»al:ios:app_name» content=»Example App» />
<meta property=»og:title» content=»example page title» />
<meta property=»og:type» content=»website» />
<!-Other headers —>
</head>
<!-Other HTML content —>
</html>
</head>
Если у человека установлено ваше приложение, содержимое этого URL-адреса отображается в веб-просмотре с помощью пункта меню «Открыть» в {имя приложения}.
URL должно соответствовать пользовательской схеме, которую вы определили в вашем .plist файле.
Если они не установлены, вместо этого откроется веб-страница:
http://example.com/applinks?al_applink_data=%7B%22user_agent%22%3A%22Bolts%20iOS%201.0.0%22%2C%22-target_url%22%3A%22http%3A%5C%2F%5C%2Fexample.com%5C%2Fapplinks%22%2C%22
Переходим к пункту настройки мобильного приложения. Когда вы настраиваете ссылки на приложения, вы можете контролировать, что происходит, когда кто-то нажимает на одну из ссылок.
Схему обработки ссылки, вы можете видеть ниже.
Если ваше приложение только для мобильных устройств, установите should_fallback=false так, чтобы, если у людей нет вашего приложения, они будут отправлены в App Store для загрузки вашего приложения. Ссылка на приложение iOS для вашего сайта будет отправлена в ваше приложе- ние. Чтобы обеспечить привлекательный пользовательский интерфейс, вы должны обработать входящую ссылку, когда ваше приложение активировано, и направить человека к объекту.
Ссылка, которую получит ваше приложение, будет выглядеть так:
Нужна помощь в написании статьи?
Мы - биржа профессиональных авторов (преподавателей и доцентов вузов). Пишем статьи РИНЦ, ВАК, Scopus. Помогаем в публикации. Правки вносим бесплатно.
[ url ]? al_applink_data = JSON_ENCODED_DATA
Где url есть входящий URL-адрес на основе пользовательской схемы, которую вы определили для своего приложения. Вы также получите al_applink_data параметр запроса JSON_ENCODED_DATA.
Выполнив все эти действия, вы сможете настроить переход между вашим сайтом и сайтом и приложением на iOS.
Список использованных источников
1. Данил Терновых, Мобильный web сайт или мобильное приложение? – [Электронный ресурс] Режим доступа: – https://habrahabr.ru/post/168843/
2. Что же такое сайт? – [Электронный ресурс] Режим доступа –http://moolkin.ru/chto-takoe-sayt-internet-sayt-vidy-saytov/
3. App Links on iOS– [Электронный ресурс] Режим доступа –https://developers.facebook.com
4. Adding App Links to Your Existing Web Content– [Электронный ресурс] Режим доступа – https://developers.facebook.com/docs/applinks/add-to-content
5. Юлия Рубцова, Мобильный web сайт или мобильное приложение? – [Электронный ресурс] Режим доступа: – https://devaka.ru/articles/mobile-application-vs-website