Best IT Recipes

How to use the Ionic Framework to develop web applications?

Is it possible to use ionic fireworks for regular web applications and not wrap it in Cordoba?

+64
web-applications mobile ionic-framework hybrid-mobile-app
Apr 04 '14 at 18:15
source share
6 answers

This is possible if you include the www / lib / components - This folder contains the core of the ionic (ionic frame + angular), and you can come from there.

However, it is important to note that the ion was built on top of the corners, especially taking into account the movement. To get the best results for developing web applications, you should consider using the basic angular (for functionality) and bootstrap3 (for the user interface).

+26
Apr 7 '14 at 7:45
source share

V2

Ionic now supports PWA (web applications), and desktop support is too soon

Ionic build browser

V1

Ionic can be used for regular web development. If all you need is a web developer. But if you want your application and web server to serve from the same code base, read on

Step 1

Create a copy of index.html inside merges / browser / (merges are at the root level ie myApp) enable

 <script> var is_browser = true </script>

&

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

Step 2

Remove unnecessary js files such as cordova.js from index.html

Step 3

add to app.js

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

Now use css hide / show or angular hide / show using these

+9
Mar 30 '16 at 3:36
source share

While I do not believe that Ionic has a lot of support besides hybrid web applications, you can check out Angular Mobile's user interface . for a very similar alternative with mobile network support.

+5
04 Oct '14 at 15:02
source share

Orane is right.

When you are "node app.js" , your application starts the server. We must provide this server with all the files we want. The Ionic Application has the www folder. In the following example, I put the entire contents of the www folder in my public folder.

In my root folder there is an app.js file and public . This looks like 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'));

In the public folder, I have all the css and js interfaces. We have included the entire public folder in the code above. Now in index.html public . You must include files with public / , for example:

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

Anyone, feel free to ask questions about Node.js + Ionic Framework

+3
Jan 07 '15 at 14:25
source share

Depending on the complexity of the application, it is absolutely possible to use the Ionic Framework for regular web applications!

When you create the application, there is a /www folder containing all your HTML, JS and CSS. This is the interface for your web application.

Most web applications are simple interfaces that access data with a little logic in between. In most cases, you can put this logic in your JS and let clients handle the workload.

Data can be processed using a Backend-as-a-Service (BaaS) solution such as Firebase or Parse . I like Firebase because it goes well with Angular and Ionic.

If you need to connect to services that require privacy, such as credit card payments, you can connect to a service such as Zapier .

For hosting, there are many static host applications that have appeared specifically for serverless applications. I prefer divshot even if they don't seem to preempt new features anymore.

The solutions I have outlined here will help you maintain consistency across platforms, making Ionic great!

+2
07 Oct '15 at 23:53 on
source share

Our choice for hybrid mobile applications is the ionic infrastructure, but for web applications, the front end is not in the ionic structure.

For example, we make part of a web application in a pure Angular or Kendo user interface for the Angular AngularJS user interface .

This is more effective when the same team can be productive on both platforms (mobile and web network).

Hope this helps.

0
Apr 13 '16 at 7:01
source share


More articles:


All Articles