как страницу открыть в приложении
Как открывать ссылки в самом приложении, а не в Safari
С каждой новой версией iOS Apple уделяет пристальное внимание возможностям поделиться контентом — сейчас, например, можно открыть нужную ссылку в гораздо большем количестве приложений, чем несколько лет назад. Однако в этом плане iOS еще далеко до Android, где в экране «Поделиться» показываются все приложения, совместимые с контентом, который вы хотите открыть. В случае с программами для iOS эта функция ложится на плечи разработчиков, которые далеко не всегда занимаются ее поддержкой.
Можно открывать ссылки в приложениях прямо из Телеграмм
Решение проблемы, как это всегда бывает, появилось со стороны разработчиков, которые выпустили небольшое, простое, но очень полезное приложение под названием Opener. У него всего одна задача — открывать ссылки в любых приложениях, которые их поддерживают.
Как открыть ссылку в приложении на айфоне
Все, что нужно — установить приложение (сделать можно по этой ссылке или ниже), открыть его и запустить расширение, которое всегда будет в меню «Поделиться». Список поддерживаемых приложений очень внушительный — от различных браузеров до Reddit, Twitter, Facebook и многих других.
Например, вы получаете ссылку на пост в Medium или Tumblr в приложении Telegram. При нажатии она автоматически откроется во встроенном браузере, где вы не авторизованы в нужном сервисе. Чтобы перейти в приложение Medium (Slack, Tumblr или другие), достаточно открыть ссылку в Telegram, после чего зайти в меню «Поделиться» (кнопка со стрелочкой) и выбрать Opener — приложение подскажет, в каких приложениях можно открыть данную ссылку, и предоставит выбор. Мой сценарий использования — открывать ссылки на наши сайты из мессенджеров не в Safari, а в другом браузере, где я заранее авторизован в качестве администратора. А вообще там аж 40 браузеров (тот же Chrome есть), далеко не все из которых можно разместить в меню «Поделиться» нативным способом.
Этот способ гораздо удобнее, чем копировать ссылку, потом уже открывать Opener, где утилита уже предложит соответствующее ссылке приложение.
Конечно, цена в 149 рублей невольно заставляет задуматься: а нужно ли мне это приложение? Да, в большинстве случаев приложения открывают ссылки самостоятельно (как YouTube), но далеко не все утилиты могут похвастаться такой возможностью — в основном это касается сторонних браузеров. Поэтому если вы хоть раз задумывались «блин, а было бы круто открыть эту ссылку сразу в приложении xxx», обязательно качайте.
Название: Opener
Издатель/разработчик: tijo, inc.
Цена: 229 руб.
Встроенные покупки: Нет
Совместимость: Универсальное приложение
Ссылка: Установить
Разберемся, как настроить открытие ссылок в приложениях на Xiaomi
Приложения, установленные на наших смартфонах, не только предоставляют возможность приятного использования тех или иных сервисов, но и также помогают весьма удобно просматривать ссылки, связанные с данными сервисами.
Например, ваш друг может отправить вам ссылку на аккаунт своего знакомого в VK, и при нажатии на нее вы перейдете на страницу этого человека именно в приложении Вконтакте. Данная функция уже давно работает на всех современных Андроид-смартфонах, в том числе и устройствах от Xiaomi.
Однако иногда происходит сбой, и ссылки открываются не в установленных приложениях, а в браузере, что не только раздражает, но иногда может привести к ситуации, когда вы просто не сможете выполнить желаемое действие, доступное в приложении.
Сегодня мы разберемся, как настроить открытие ссылок в приложениях на Xiaomi.
Причина появления данной ошибки
На самом деле, причин отказа открытия ссылок в соответствующих приложениях может быть много: некорректная установка (или переустановка) приложения, баг в прошивке, сброс настроек и т.д.
Не стоит бояться этого сбоя – программисты Xiaomi встроили в прошивку MIUI очень удобный способ включения данной функций.
Решение проблемы
Чтобы ссылки снова открывались в установленных на вашем Xiaomi приложениях, нужно вручную выставить данную функциональность в настройках.
Для этого нам необходимо зайти в общие Настройки устройства и прокрутить список разделов до пункта «Приложения». Нажимаем по нему и попадаем в меню глубоких настроек – здесь нам нужно выбрать пункт «Все приложения».
Открывается список всех установленных на смартфоне приложений. В правом верхнем углу мы видим иконку в виде трех точек – нажимаем на нее и наблюдаем появление нового окошка, в котором нам необходимо выбрать пункт «Приложения по умолчанию».
Внутри нас ждет тонкая настройка процесса открытия ссылок. Например, выбираем приложение 4PDA, и в следующем окне нажимаем на кнопку «Открывать поддерживаемые ссылки». Вас встретит выбор из трех позиций: «Открывать», «Всегда спрашивать» и «Не открывать». Естественно, выбираем пункт «Открывать», и в следующий раз при открытии ссылки вы попадете не на ее страницу в браузере, а сразу в удобное для вас приложение.
Дополнительный способ выбора приложения для открытия ссылок
Если первый вариант не сработал, то на помощь вам придет еще один способ выбора приложения для открытия ссылок.
Прощелкав несколько необходимых для вас ссылок, вы навсегда настроите поддержку приложений, а ссылки «общего» характера будут открываться только в Браузере.
Как мы видим, решить вопрос с отказом открытия ссылок в приложении очень просто, и справиться с этим может абсолютно любой пользователь.
Открытие URL-ссылок с помощью Android-приложения (Deep Links)
Что такое Deep Links и как интегрировать их в своё приложение
Apr 28, 2018 · 3 min read
Как работает открытие ссылок через приложение и зачем оно вообще нужно?
Нередко бывает так, что определённому контенту соответствует и страница на сайте, и экран в приложен и и. В таких случаях пользователю, у которого установлено приложение, удобно будет открывать ссылку на этот контент через приложение. Как пример можно взять интернет-магазин. Пользователь может нажать на ссылку в браузере, после чего ему предложит просмотреть страницу товара через приложение. Также это хорошо используется с шарингом ссылок. Пример: Петя увидел классные кроссовки на сайте и скинул ссылку на них Васе в Telegram. У Васи уже установлено приложение интернет-магазина, поэтому он нажав на ссылку в Telegram попадает на экран приложения, в котором отображается вся информация об этих замечательных кроссовках. Удобно, не правда ли?
Разделение на Deep Links и Android App Links
Перед тем, как мы займемся реализацией, важно понять, что есть два способа обработки ссылок:
1. Deep Links
Глубокие ссылки (Deep Links) — это URL, которые направляют пользователя на определённый контент в вашем приложении. Они реализуются созданием интент-фильтра и извлечением информации из входящих интентов. Если на телефоне установлены приложения, которые могут обрабатывать такие же интенты, то пользователю будет предложено несколько приложений на выбор, и он сможет выбрать через какое открыть ссылку.
2. Android App Links
Android App Links доступны только с Android 6.0 (API 23) и позволяют назначать приложение дефолтным обработчиком ссылок определённого типа. Главное отличие от Deep Links заключается в том, что никакое другое приложение кроме вашего не сможет обработать ссылку.
В этой статье будет рассматриваться первый тип ссылок — Deep Links.
Постановка задачи
Давайте на простом и типичном примере посмотрим как можно добавить обработку глубоких ссылок в приложение.
Допустим, у нас есть сайт с вакансиями, на котором каждой вакансии соответствует ссылка вида https://awesomejobs.com/jobs/
Реализация
category android.intent.category.DEFAULT требуется если вы хотите чтобы приложение обрабатывало ссылку с любого ссылающегося сайта. Интент, который используется при переходе из результатов поиска Google знает, что должен открыть именно ваше приложение, поэтому явно указывает на него как на получателя. Ссылки же с других сайтов не знают ничего о вашем приложении, поэтому категория DEFAULT говорит о том, что приложение способно принять неявный Intent от них.
2. Наше приложение научилось ловить интенты извне, теперь нам нужно написать код для того, чтобы перехватывать их, доставать id вакансии и с ним уже делать всё, что нам захочется (запрашивать с сервера информацию о вакансии с таким id и отображать её, например).
Для этого в метод onCreate активити, которую мы использовали в манифесте, добавим следующий код:
Активити запускается интентом, содержащем в себе ссылку. data — это и есть не что иное, как наша ссылка. Получив её и выполнив необходимые проверки, мы вырезаем из неё id вакансии, подтягиваем её детали с сервера и отображаем на экране. Всё предельно просто.
Как превратить веб-сайт в мобильное приложение с помощью 7 строк JSON
В материале, перевод которого мы публикуем сегодня, речь пойдёт о создании мобильных приложений на базе существующих веб-проектов. Автор этой статьи демонстрирует инструменты, которые позволяют с минимальными усилиями разрабатывать приложения, пользующиеся нативными возможностями платформ iOS и Android и включающие в себя материалы работающих сайтов или локальные ресурсы. Его рассказ начинается с тех самых семи строк JSON-кода, которые позволяют превращать сайты в мобильные приложения.
Превращение веб-сайта в мобильное приложение
Обзор
На рисунке выше показан код, который позволяет превратить веб-сайт в мобильное приложение. В частности, за «превращение» отвечают семь строк JSON, выделенные оранжевым цветом. Оставшиеся фрагменты текста программы описывают возможности, относящиеся к мобильной платформе, на которой выполняется приложение.
Что, если я скажу вам, что для того, чтобы воспользоваться этим подходом, не нужно переделывать сайт, пользуясь неким фреймворком, приближающим внешний вид ресурса к виду мобильного приложения? Более того, что если весь процесс разработки заключается в подключении сайта к мобильному приложению, подобному показанному выше, с помощью обычного URL?
Кроме того, вот ещё один вопрос: «Можно ли, просто редактируя JSON, работать с нативными API, с компонентами пользовательского интерфейса, пользоваться системными переходами между страницами?».
Пока вы размышляете над ответами на эти вопросы, предлагаю взглянуть на то, как выглядит и работает минимальное приложение, созданное с использованием инструментов, о которых я хочу здесь рассказать.
Обратите внимание на то, как я встроил в это приложение страницу с github.com, однако всё остальное — это нативные компоненты, вроде верхней навигационной панели и нижней панели управления. При этом переходы между страницами приложения используют системные возможности. Делается это автоматически и не требует вмешательства в код сайта.
Прежде чем я расскажу о том, как это сделано, у вас может возникнуть вполне резонный вопрос: «Всё это хорошо, но можно ли, пользуясь методом, о котором идёт речь, создать что-то действительно полезное, а не нечто вроде простого «просмотрщика» веб-страниц в контейнере нативного приложения?».
Отличный вопрос. Собственно говоря, ответу на него и посвящена данная статья. Если в двух словах, то суть рассматриваемой здесь методики заключается в создании двустороннего канала связи между контейнером для вывода веб-содержимого и приложением. Приложению это даст возможность вызывать JavaScript-функции, находящиеся в контейнере, а контейнеру позволит обращаться к нативным API, расположенным за его пределами.
Взглянем на пример, иллюстрирующий вышесказанное.
Приложение для создания QR-кодов
Вот основные составные части этого приложения:
И, наконец, обратите внимание на то, что тут показано и взаимодействие компонентов приложения. А именно, QR-код меняется после ввода новых данных. Делается это благодаря возможности вызова JavaScript-функции, расположенной внутри веб-приложения, которая отвечает за создание QR-кодов на основе переданных ей данных.
Надо отметить, что ни один из фреймворков для разработки мобильных приложений не пытался фундаментально решить проблему «прозрачной интеграции веб-контейнеров в нативные приложения», так как все они либо полностью ориентированы на системные возможности мобильных платформ, либо целиком полагаются на HTML5.
Когда говорят о будущем мобильных приложений, обычно всё крутится вокруг вопроса о том, какой из подходов победит: основанный на HTML5 или на нативных API. Что характерно, в подобных рассуждениях не поднимается тема сосуществования этих двух подходов, и, более того, не рассматривается эффект синергии, который, благодаря совместному использованию различных технологий, позволит достигать результатов, которые нелегко достигнуть, полагаясь лишь на что-то одно.
В этом материале я собираюсь рассказать о следующих вещах:
Зачем использовать веб-технологии в мобильных приложениях?
Прежде чем продолжать, давайте сначала поговорим о том, нормально ли это — использовать возможности HTML и JS в мобильных приложениях, и о том, когда может пригодиться подобный подход. Вот несколько ситуаций, когда смешивание веб-технологий с нативными возможностями мобильных платформ может оказаться кстати.
▍1. Использование технологий, созданных для веб
Для реализации некоторых частей приложений может иметь смысл использование веб-технологий. Например, WebSocket — это технология, изначально ориентированная на веб. Для её использования можно применить встроенный в мобильную платформу веб-движок ( WKWebView для iOS и WebView для Android) вместо установки сторонней библиотеки, которая попросту «эмулирует» WebSocket.
При таком подходе не нужно использовать дополнительные библиотеки, достаточно, применяя стандартные технологии, делать то, что нужно. Это ведёт нас к следующей ситуации.
▍2. Уменьшение размеров пакета приложения
Использование веб-технологий в мобильных приложениях помогает делать то, что без этих технологий потребовало бы огромных сторонних библиотек.
Например, для того, чтобы встроить в мобильное приложение генератор QR-кодов, понадобится сторонняя библиотека, которая увеличит размер пакета приложения. Однако если применить для этого стандартное средство для просмотра веб-страниц и JS-библиотеку, подключённую к странице с помощью простой конструкции
Как посмотреть ПК / десктопную версию сайта на мобильном телефоне
Друзья, ловите очередную маленькую хитрость, которая упростит вашу жизнь.
Представим жизненную ситуацию: исполнитель, программист или любой другой подрядчик отправил вам ссылку на просмотр готовой или промежуточной версии сайта, а вы находитесь в дороге и в руках у вас только мобильный телефон, через который удается открыть в браузере только мобильную версию сайта. А вам же нужно оценить ещё и отображение ПК (десктопной) версии. Как быть? Рассказываю!
Временное решение проблемы
На самом деле, проверку компьютерной версии сайта можно произвести и с мобильного телефона, поэтому откладывать задачу до дома или офиса не придется.
Достаточно в вашем браузере открыть основное меню – обычно это три точки или три полоски в правом верхнем (в Сhrome, Mozilla firefox) или нижнем (Яндекс.браузер) углу экрана – и выбрать один из пунктов под названием “версия для ПК”. Возможно точное название будет немного отличаться в разных браузерах, но путь будет именно таким.
Готово – открытый сайт моментально перестроится на обычную пк-версию. Вернуть обратно мобильную версию можно таким же путем – убрав галочку из меню браузера возле “Версия для ПК”.
Переход к ПК версии сайта в мобильном на длительный период
Как быть, если вам нужно проверить компьютерную версию нескольких страниц сайта или нескольких сайтов, а постоянно переключаться между разными режимами просмотра неудобно, долго, трудоемко. Тогда на выручку придет браузер от Яндекс. Да, почему-то именно в нем реализована функция фиксации режима просмотра страниц (назовем ее так). В других браузерах подобного не обнаружено.
