I would like to develop a website and mobile apps(android, ios) with same functionality. I want to reuse the web page code for mobile platforms.
Is ionic good for me?
Can I add different looking / functionality for my web page or it have to be same?
Yes the ionic mobile platform good for you because you
are website developer so you have knowledge about JavaScript, jQuery,
css, AngularJs, HTML right, and in using Ionic platform this is
technology we are used for developing mobile application only. You have
to get some knowledge about Cordova plugins because PhoneGap, Ionic is
totally plugins based architecture.
Related
Ionic was built with mobile in mind - creating a good mobile experience using web technologies. You start out with a web app, so there is the possibility to use it for all 3 platforms. However I’ve never seen anything that resembles a complex web application that uses iconic for both the web and mobile. Will it support the ability to use 3rd party controls such as complex grid controls that may only be used on the web and not in the mobile apps. I’m trying to decide if we use ionic just for mobile and have a completely separate code base for our web application. Any invites would be greatly appreciated!
Basically everything that works on the web also works on mobile devices built with Ionic.
Ionic creates a WebView where javascript code runs. you can use capacitor or cordova to manage native functionality.
So if you have web developers you can do anything you could do as "Mobile Web" but in an app.
Now you can also choose whether to use react, angular or vue.
For example using Ionic with react you can use the VirtualDom and develop exactly as if you were using react on the web.
Instead, using for example React Native you will be forced to use a set of react components (or write new ones) but you will not have the VirtualDom available.
However you can also integrate native code, which Ionic doesn't support.
There are a lot of articles online that cover the subject by comparing competitors:
From Ionic
So yes, you can use all javascript libraries!
I'am about to start learning ionic to create a project for web and mobile.
What i want is : writing code once, and having a classic website and an iOS and Android native apps.
The design is different between website and apps, so it can't just be responsive, it kinda must have different html for different platforms.
Is this possible with this version of ionic or should i create two different projects for web and apps ?
Thank you!
First of all, Ionic does not create native apps for iOS and Android, they are hybrid apps.
That being said yes, there is a way to achieve what you want but it probably isn't the best way. Ionic build does produce a plain web project inside a www/ folder which you can deploy as a website.
That however is probably not the best option if you want a great website, as web and mobile app design is quite different.
Ionic already creates hybrid applications, i would not use it as a tripartite technology and rather create a separate project for a web application.
Does phonegap or Ionic framework can be used for mobile website.
Actually I am planing to build mobile app. But confused to pick one of them (phonegap/Ionic).
So, please guide me which one is better. And please guide which one is best for both mobile app and mobile website.
Yes you can. In ionic2 you can do
ionic platform add browser
ionic build browser
Example of website using ionic http://m.stubapp.com/
At first Phonegap is now called Cordova.
Cordova builds an native App using HTML, Javascript and CSS.
With the ionic framework you can Create and Design "Apps" with HTML, Typescript and Sass. Ionic is perfect if you want your App our mobile website to look like an normal native App. Ionic uses Cordova to build the App. I used Ionic myself to build a website.
Ionic gives you the option to build for a browser (ionic build browser).
Then you get the computed HTML, Javascript and CSS.
Please excuse my English, i´m from Germany ;)
I've searched some times here but could't find an Answer to this.
Does someone know this and can explain how Ionic handles it?
Does Ionic compile the Code to Native? NO
Ionic is for developing Hybrid apps.
What are Hybrid apps?
Hybrid apps are essentially websites embedded in a mobile app through
what we call a webview. They are developed using HTML5, CSS, and
Javascript, and execute the same code regardless of the platform in
which they run. They can, with tools like PhoneGap and Cordova, use
the native features of a device, like GPS or camera.
What are Native apps?
Native apps are developed in the language required by the platform it
targets, Objective-C or Swift for iOS, Java for Android, etc. The code
written is not shared across platforms and their behavior varies. They
have direct access to all features offered by the platform without any
restriction.
Here is a nice article about it.
Cordova converts the project into a native which has only ONE Page, that is a WebView (WKV WEB View in iOS, etc). And all of the ionic code is run on that webview. Basically an ionic/cordova app is a website which looks like an app!
I do not understand what are the difference between ionic.io and ionic framework ? Is it the same thing? So why is there two distinct websites and 2 names for the same product?
Ionic framework is the framework for building hybrid mobile apps. It is, and always will be - free.
Ionic.io is the site for Ionic Platform, which adds additional services like Deploy, Build, Push notifications, User management, etc. It is currently in beta and it's thus free, but as they go live (soon, as far as I know) they will have pricing (there will be a free plan however).
Basically, you do not need Ionic Platform, but it's really awesome and worth the money (in case you fall out of the free tier) if you'll ask any Ionic developer.
In addition to the other answers, I would say:
Ionic framework is both
A CSS Framework with a lot of reusable and customizable front-end UI elements.
A JavaScript UI library with JS components which give life to front-end elements
Ionic.io is the ecosystem which includes, among others:
Ionic Cloud
Ionic Creator
Ionic Lab
Ionic View
In this post, you can find more information:
https://solidgeargroup.com/hybrid-apps-development-with-ionic
As I understand it:
Ionic framework is an SDK
Ionic.io is a platform and tooling
In other words, Ionic (framework) is a way to create mobile SPA hybrid apps based on Cordova, that let you leverage native phone features and also AngularJS's MVC-based approach to app development. This is free.
Ionic.io, however, is a bunch of web services and tools that add value to your Ionic apps, letting you store stuff server-side, send push notifications, etc. These may eventually cost money.
The 2 websites deal with Ionic, but :
Ionic.io is the main platform tool website where you can find all information about ionic "world" (Ionic Framework, Ionic platforms, Ionic icons, Ionic app creator, Forum...). It is the Tool Ionic showcase
Ionic framework is useful for developers to know how to install and develop ionic apps.
I hope it helps