Использование ионного в качестве настольного веб-приложения

Ответ 1

Чтобы немного рассказать о том, что уже было сказано, Ionic построен и протестирован только для мобильных устройств. Например, Internet Explorer не тестируется и не обрабатывает некоторые функции в Ionic. Настольные браузеры имеют разные функции от своих мобильных браузеров. Вы серьезно ограничили бы браузеры, которые могут использовать ваше приложение на рабочем столе.

Скорее всего, вы должны предоставить два разных приложения для настольных компьютеров и мобильных устройств. Если у вас нет мужества или способности сообщить вашим пользователям, что они должны использовать Chrome (или Opera) для запуска вашего сайта, вам понадобятся два отдельных приложения. Вы все равно можете использовать Ionic для мобильного сайта, но, не имея возможности использовать полную интеграцию платформы Cordova (вы были бы ограничены собственными HTML-API, предоставляемыми браузером). Конечно, вы можете сохранить большую часть своей бизнес-логики в общем ядре, которое разделяется между обоими приложениями. Это потребует создания общего модуля (ов) angular. Я сделал это в проекте с использованием приложения Ionic и обычного рабочего стола angular (с Bootstrap).

Существует несколько способов определить, приходит ли посетитель с рабочего стола или мобильного устройства. Я не знаю метода, который на 100% идеален, потому что они обычно полагаются на строку пользовательского агента браузера (и могут быть подделаны, изменены и т.д.). См. http://detectmobilebrowsers.com/ для некоторых распространенных сценариев или примеров того, как реализовать обнаружение мобильных устройств на сервере или на языке программирования.

Ответ 2

На этой неделе этот вопрос задавали в ng-europe. Ответ от ионных ребят заключался в том, чтобы поделиться своими услугами и контроллерами, но использовать разные виды для рабочего стола. Ионная чисто ориентирована на мобильные устройства.

Ответ 3

Интересно, что представляется возможным создать настольную версию приложения Ionic с помощью набора инструментов с именем "Electron", который является своего рода эквивалентом рабочего стола Cordova/Phonegap, как объясняется в этой статье:

http://alexbergin.com/2015/streamlining-desktop-and-mobile-app-development

Электрон (ранее называвшийся Atom Shell) упаковывает встроенный веб-просмотр Chromium для создания "реального" приложения. Это также означает, что проблемы с несколькими браузерами не являются проблемой.

Автор этой статьи успешно использовал это приложение с Ionic.

Если вы поедете по этой дороге, вам, вероятно, потребуется использовать некоторые гибкие методы для оптимизации UX на рабочем столе.

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

Ответ 4

Мой комментарий стал слишком большим. Это нужно уточнить и добавить к Джереми Вилкену отличный ответ.

Это не только ограничение браузеров на рабочем столе, но и показ мобильного экрана на экране экрана выглядит совершенно смешно (время, чтобы переосмыслить, что первый означает для мобильных устройств:)). Потребность в надлежащем API не может быть подчеркнута больше, потому что поток (навигация), скорее всего, будет меняться на разных экранах в мобильном формате, чем в формате ПК, хотя функциональность может быть одинаковой.

Я согласен с замечанием Джереми о том, что бизнес-логику следует разделить и разоблачить как мелкозернистый REST APIS, например, использовать сервер на основе фреймворка Express.js с MySQL/MongoDB/Redis или любым другим коммерческим хранилищем данных. Таким образом, REST API можно использовать в интерфейсе Mobile/Phablet/Mini Tablet UI (с Ionic) и пользовательских интерфейсах для ПК/ноутбуков (с Bootstrap + AngularJS.). Конечно, я поклонник JS, OP может использовать любой язык для сервера.

Ответ 5

Рамка предназначена только для мобильного гибридного приложения, хотя она будет работать как обычное приложение HTML.

Ответ 6

Я бы рекомендовал использовать ионный для мобильных устройств, и особенно если вы используете ionic2, используйте тот же код для рабочего стола в angular2 с небольшими изменениями