Как использовать Ionic Framework для разработки веб-приложений?

Возможно ли использовать ионный фейкорвер для обычных веб-приложений, а не обертывать его в Кордове?

Ответ 1

Это возможно, если вы включаете компоненты www/lib/- Эта папка содержит ядро ионной (ионной рамки + угловой), и вы можете исходить оттуда.

Однако важно отметить, что ионная была построена поверх углов, особенно с учетом движения. Чтобы получить лучшие результаты для разработки веб-приложений, вы должны рассмотреть возможность использования основных угловых (для функциональности) и bootstrap3 (для пользовательского интерфейса).

Ответ 2

Ionic теперь поддерживает PWA (веб-приложения), а поддержка рабочего стола слишком скоро

Ionic build browser

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

Шаг 1

Создайте копию index.html внутри merges/browser/(слияния находятся на корневом уровне i.e myApp) включить

<script>
    var is_browser = true
</script>

<body ng-app="myApp" class="platform-website">

Шаг 2

Удалите ненужные js файлы, такие как cordova.js из index.html

Шаг 3

добавить в app.js

var is_app = (typeof is_browser === 'undefined' && !ionic.Platform.is('browser')
              && ionic.Platform.isWebView());

Теперь используйте css hide/show или angular hide/show, используя эти

Ответ 3

В то время как я не верю, что в Ionic есть много поддержки, кроме гибридных веб-приложений, вы можете проверить Мобильный Angular интерфейс пользователя. для очень похожей альтернативы с поддержкой мобильной сети.

Ответ 4

Оранэ прав.

Когда вы "node app.js" , ваше приложение запускает сервер. Мы должны предоставить этому серверу все файлы, которые мы хотим. В Ionic Application находится папка www. В следующем примере я помещаю все содержимое папки www в мою общедоступную папку.

В моей корневой папке есть файл app.js и общедоступная. Это выглядит как app.js:

var express = require('express');
var app = express();
var server = require('http').createServer(app);

app.get('/', function (request, response) {
    response.sendFile(__dirname + "/public/index.html");
});
app.use(express.static(__dirname, 'public'));

В папке public у меня есть все интерфейсы css и js. Мы включили всю папку public в код выше. Теперь в index.html public. Вы должны включить файлы с public/, например:

<script src="public/lalala.js"></script>

Все, кто угодно, не стесняйтесь задавать вопросы о Node.js + Ionic Framework

Ответ 5

В зависимости от сложности приложения абсолютно возможно использовать Ionic Framework для регулярных веб-приложений!

При создании приложения есть папка /www, содержащая все ваши HTML, JS и CSS. Это интерфейс для вашего веб-приложения.

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

Данные могут обрабатываться с помощью решения Backend-as-a-Service (BaaS), такого как Firebase или Parse. Мне нравится Firebase, потому что он отлично сочетается с Angular и Ionic.

Если вам нужно подключиться к службам, требующим секретности, например, к платежам по кредитным картам, вы можете подключиться к сервису, например Zapier.

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

Решения, которые я изложил здесь, помогут вам поддерживать согласованность между платформами, что делает Ionic отличным!

Ответ 6

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

Например, мы делаем часть веб-приложения в чистом Angular или пользовательском интерфейсе Kendo для Angular пользовательского интерфейса AngularJS.

Это более эффективно, когда одна и та же команда может быть продуктивной на обеих платформах (мобильная и веб-сеть).

Надеюсь, что это поможет.