Sorry for this very basic question but it's important to know.
I never used this kind of framework before and i am interested by trying ionic !
We can build html5/AngularJS apps with this framework, but is it only to generate native code for mobile apps or can we also use our code for the web app (should we maintain 2 different code ?) ?
Check out the browser support section
Ionic is focused on building native/hybrid mobile apps rather than
mobile websites.
While you can get support from webkit, there isn't much support for other desktop browsers because, well it's just not what we want to focus on :)
It is browser competible, however not officially supported.
Related
We are excited to start developing mobile app using Flutter and backend applications that are running on Django with REST APIs. Our understanding is that once a mobile app is completely developed, we can simply launch the UI on a web browser as well with probably minor changes? Is this really true? if it is true, does our mobile app developer have to start coding the app to make it compatible for both mobile, web browser and desktop since from the beginning so that we don´t have to spend extra cycles to make the UI compatible with web browser and desktop? Or is Flutter supposed to be compatible by default for any UI clients ( Web browser, smart devices and desktop)? I would appreciate it if someone can confirm and point me to a relevant article?
Best regards
There ara small adjustments you need to make. For example some plugins are not supported for web of vice versa. So you need to avoid from using them.
Also while building UI, if your developer does not make it responsive, you would have a ugly mobile UI. So my advice is both web and mobile should go on hand to hand to avoid and end product mistakes.
Note that there are even small differences between Android and IOS
We will develop an app that we would like to distribute in through the following channels:
Android and iOS apps through Google Play and iTunes (the app will
use notifications extensively and presence in Google Play and App store is required)
Web app to run in web browsers on mobile devices
Web app to run in web browsers on laptop and desktop computers. We would like to support Chrome, Internet Explorer (starting from IE9),
Firefox and Safari browsers.
Our understanding is that Ionic is developed targeting primarily 1. and that the web apps in 2. and 3. above are not really what Ionic is intended for. We have looked around to try to understand if Ionic likely works for 2. and 3. and also made some quick tests ourselves.
From one of the links at the end: "Your webapp will run in desktop browsers yes, as it is made of html, css and javascript. The phonegap specific javascript calls (accelerometer, compass, file, etc) won't. Basically, if you stick to standard yes you will be able to port relatively easily your app to most browser, the job at this point being mostly a work of theming."
From another one: "I do know that FireFox is simply not supported. I don't know how well Ionic works in IE X."
To try it out we have built a limited version of our app in Ionic. From what we can see the app works for 1, 2 and 3. For example, it runs without issues on FireFox that is mentioned as not supported in the quote above. This means that to us it looks like the first quote saying that the web app will work in desktop browsers is correct.
I understand that this is a fairly generic question and might be hard to answer, but since we have found contradicting information when looking we are trying to understand more before making a decision.
Any feedback would be appreciated.
Thanks,
Markus
Is it a good idea to use ionic to build mobile web version of a website?
Can Ionic Framework run in desktop web browser like Chrome, Mozilla, IE9+?
http://forum.ionicframework.com/t/ionic-components-on-ie/1826
Phonegap web app in regular desktop browsers
http://ionicframework.com/docs/overview/#css-sass
Ionic is tested for mobile only. Internet Explorer for example is not tested and does not properly handle a number of features in Ionic. Desktop browsers act differently than mobile browsers.
Ionic is focused on building native/hybrid mobile apps rather than
mobile websites.
As such, our browser support tends to be whatever Web View API is
available to native apps on a given platform. For Ionic 1.1.0
"xenon-xerus", that means UIWebView for iOS 7+, and Android 4.1 and
up. Windows Phone and FirefoxOS support is on our roadmap.
If it's cheaper for you to test everything on all different desktop browsers than to develop a version for it sharing the same controllers and services --- go ahead but it won't come "out of the box".
Also, I recommend looking at Electron to build desktop apps from webapps.
ionic is targting mobile apps only , but you can develop your desktop app using node webkit and angular material for example and share some code between your apps
I'm looking for a Framework to create mobile applications, if possible writing all code in Java. The idea is create for all mobiles Android, iOS, Windows Phone etc.
I found: Sencha, Vaadin and others.
What's the best ?
if you need to build cross mobile application you can use phonegap http://phonegap.com/ it is better you can use javascript and HTML and CSS to build applications.
Xamarin is another great one. I think you're asking the wrong question though. There isn't really a BEST one, its more what fits into your style. Some might say phonegap is the best, but you can't use code behind in phonegap only HTML CSS and JavaScript. So you gotta find what works best with what you want to do.
Also, look up chrome web apps. You can now develop apps using chrome rendering engine and usual html css and other web based code types and package into apps for the different os app stores.
Everyone is talking about Ionic, I am using it and I love it. Here are some slides to introduce you.
I would use ionic framework, is based on apache cordova, and use AngularJS. If you dont know AngularJS you have other alternatives like goratchet made by bootstrap creators. The only 'problem' is that you'll have to use javascript, html and css, not Java.
I am using ionic framework as well. The best part is you do simple command like ionic build ios to have an ios version of your app, as well as ionic build android for android version.
AngularJS is actually easy to learn (as long as you have basic understanding of JS), the best resource would be egghead.io. I use Ruby on Rails as backend to render an API for my ionic app to consume, so i pretty much don't need to use NodeJS or other JS framework as backend. Also, there is a lot of support for ionic. You can always search Google for a codepen example if you need help.
i have an existing iPhone and android application. my goal is to make some component in thsese apps reusable. so i am identifying components which are not using device capabilities and then will design these components from HTML pages so that the same code will be used in both apps.
one more requirement is that whatever web service is being used , that will be called from objective C or Java code and response will be consumed in my Html page.
Please give me your ideas as how can i achieve it?
what all tools should i use to make these pages?
are there any challenges, that we need to face at any stage in development?
I have no idea of web site development and html technologies, that's why i am looking for a help here.
Thanks
Rather than have bits of native and bits of HTML you would be better to develop the entire thing in Phonegap. Phonegap is developed in HTML and JS and then compiled into a native app utilising the OS's web view. This means that you will have the exact same code across devices and will allow for a more consistent UI.
Phonegap allows for native device functions to be used such as geolocation, accelerometer, audio, video, notifications, storage and more.
use Jquery Mobile to develop user interface and to package it as a offline app use phonegap.com
Hope it Helps !!!
This question already has answers here:
Closed 11 years ago.
Possible Duplicate:
What work has been done on cross-platform mobile development?
Is there any mobile application development framework available by which I can develop a app that will run in all all platforms like iphone,Android,Blacberry.
Have a look to PhoneGap http://www.phonegap.com/ or Appcelerator Titanuim http://www.appcelerator.com/.
As Feanor said, web application is the only way to go if you are targetting all applications with one build. You can use many javascript libraries optimized for the mobile. Such as Sencha Touch, JQTouch and Wink Toolkit. You can use PhoneGap to wrap these web apps so you can sell on them on the respective device appstore.
Titanium does try to provide cross platform developement to some extent but if you application is a bit more than a simple app it wont be easy as even they has different api's for different platforms. The only difference is you can use javascript to develop for all the platforms in Titanium.
The main difficulty in doing a cross platform app is that, the api's and ui philisophy are different for each platform. The langauge in which development is done is not the only difference.
You can't make a Cross-Compilable application. The closest you are getting are something like Phonegap, which uses HTML5 and CC3 as a webapp.
The problem with those applications is the lack of native opportunities and you are loosing performance.
You can build HTML5 web apps for iphone,android and blackberry(http://devblog.blackberry.com/2010/03/use-html5-in-your-blackberry-web-content/)
In addition to notme's suggestion consider marmalade http://www.madewithmarmalade.com/ the clever part of marmalade is that it produces a single binary that will run on all platforms.
Be aware that there are always compromises when you use such frameworks. Many are explicit but some are hidden - like you might have trouble attracting developers to work on them.