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

Ключевые слова: IOS, App Store, App Links.

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

Итак, дадим определения сайту и мобильному приложению, а также проведем между ними сравнение. Сайт (от англ. Site – место, местоположение, позиция) – совокупность страниц, объединенных одной общей темой, дизайном, имеющих взаимосвязанную систему ссылок в сети Интернет [1]. Мобильное приложение – это специально разработанное приложение под конкретную мобильную платформу (iOS, Android, Windows Phone) [2]. Эти два понятия в современном мире имеют очень тесную связь, и их интеграция ложится на плечи программиста.

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

Данная реализация будет происходить на платформе iOS.

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

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

  1. Пользовательский URL-адрес, который будет использоваться для запуска вашего приложения.
  2. Идентификатор магазина приложения / пакет, который будет обрабатывать контент.
  3. Имя приложения, которое будет обрабатывать контент. Метаданные добавляются в <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-адреса отображается в веб-просмотре с помощью пункта меню «Открыть» в {имя приложения}.

Нужна помощь в написании статьи?

Мы - биржа профессиональных авторов (преподавателей и доцентов вузов). Пишем статьи РИНЦ, ВАК, Scopus. Помогаем в публикации. Правки вносим бесплатно.

Цена статьи

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  для  вашего  сайта  будет  отправлена  в  ваше  приложе-  ние. Чтобы обеспечить привлекательный пользовательский интерфейс, вы должны обработать входящую ссылку, когда ваше приложение активировано, и направить человека к объекту.

Ссылка, которую получит ваше приложение, будет выглядеть так:

[ 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