Explain Cordova project + angularJS, phonegap project, ngcordova - angularjs

I'm confused about these technologies. Actually i want to build a mobile application with SQLite database for offline as well as should support webApi services or something. So it should support both SQLite and server which targets IOS, Android and windows.
I did some R&D and gather some knowledge about cordova and angular.
I like to use angular on my mobile application so that i can manage my client side data and app flow easily and wisely.
Now i'm confused whether to use cordova or phonegap or ngcordova (which i recently came to know that it exists).
As i mentioned, i want a mobile app with SQLite and support webApi services and also should support multiple platforms.
So now where/how to start and which is best one for me. i'm developing this app for production i mean real time app.
please help to start with.
This is my email id jprasanth74#gmail.com if you have any guide please share it..

Cordova is use for create build in different platforms
you have to start write code in angular.js
just use this sample link
https://blog.nraboy.com/2014/09/implement-barcode-scanner-using-ionic-framework/
to create first app and send me your email i will send you the startup guide line to create enviroment with cordova and ionic framework
ionic framework is support angularjs and cordova both in one package and it is very faster then other framework
http://ionicframework.com/
just dive me the email address i will send you the basic startup

Related

Responsive website into app or Hybrid mobile app?

So after too many searches I decided to ask this question.
First of all I'm building a mobile app using angularjs in my website (Online) not localhost. The app is a kind of a CRM based (CRUD mostly).
I have the cordova mobile application ready. I have a few questions here.
Is it acceptable, if I use the website URL directly in the inappbrowser URL (Like an iframe)?
Or. Should I need to put the angularjs files inside the www directory of the cordova app and access the server functions via API?
Which way is preferable? Why?
Will there be any performance differences?
If the No.1 is not a best practice, what is the major drawback on using the inappbrowser?
You can build Hosted Web App in an Apache Cordova:
For this scenario, you use a thin Cordova client (think of it as a web
browser embedded in a native app) that automatically redirects to your
Web site.
See also: Wrapping an existing web application in Cordova.
Other option: PWA.
From Wiki:
Progressive web applications (PWAs) are web applications that load
like regular web pages or websites but can offer the user
functionality such as working offline, push notifications, and device
hardware access traditionally available only to native applications.
PWAs combine the flexibility of the web with the experience of a
native application.

Can I use Ionic without node.js to build a hosted web app?

I am interested in using Ionic to build a web app. The tabs, form stuff, integration with angular.js... everything looks like it should work great.
However, Ionic also looks to be geared towards creating native apps for Android and IOS. It relies on node.js for services. I'll just be hosting it on my client's shared hosting account - I won't be able to get node.js working for it. I don't intend to develop the app to use any services, so I don't think I need node.js. I'll plan to communicate with my DB via http post.
I am interested to know - is there any reason I wouldn't do this? If I am not using any other means of communicating with a server, will I be okay without node.js? Is there a better option for creating an html5 mobile 1 page web app?
I also don't intend to access the camera, accelerometer, or any of that kind of thing, so I don't think I'll need cordova, either.
ionic uses node.js only for development, things like build, test and deploy
not necessarily for back-end proposes

Recommended development environment for Cordova / AngularJS / Ionic

I am getting started with building "hybrid" mobile apps using Cordova and AngularJS with Ionic. I am able to build out a sample app by creating the html, js and css files locally and running these in a browser using file:// url's. This works fine, and when ready I can run the cordova build process and run the app in the android emulator or deploy the apk to my device. This all works fine for my simple demo apps. But now as I start to build out an app which will use an Angular service to either load JSON from local storage (if offline), or load the JSON from a remote REST API, I am running into problems. As I am developing, opening the app from a file url (file://myapp/index.html) will result in the browser not being able to make an http call to the REST service (different origins, etc).
This seems to be a very basic issue - so my question is, how do others develop and test Cordova apps in general? Do you always develop with the "www" files on a web server, like Node? If so, does the issue of http:// requests from file:// url's become a problem when you use those files in the Cordova app?
CORRECTION: I am able to access remote REST services from a page on the local file system, as long as the remote service includes "Access-Control-Allow-Origin" header. So, I think that answers my question. I can develop with all of my html and js on local file system, have the JS make remote calls, and test by running in a browser using file:// url's. But is this generally the development environment in which you would develop a Cordova/PhoneGap app?
I can recommed Intel XDK ( fromer app mobi)
http://xdk-software.intel.com/
It has a good emulator(s) on desktop and can
It works fine with ionic framework and angular extensions ( just comment out the cordova.js
script and add intelxdk.js
<!--<script src="cordova.js"></script>-->
<script src='intelxdk.js'></script>
It can also cloud test with a wrapper app and cloud build for appstores
Works fine so far so I can recommend this
I like AppGyvers ( sterois) platform too but it does not work so good on android yet
For Cordova apps, I start development locally on my machine with Chrome. I have to run Chrome with disabled security (allowing cross origin).
On OSX, you can run Chrome with security disabled by running the following terminal command (make sure Chrome is fully closed first).
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --disable-web-security --allow-file-access-from-files
Once I get to a point where I need to start integrating Cordova Plugins, I then build out the Cordova project and test with an Android tablet (the Android emulator is horrible). For remote web debugging on Android, I use weinre.
I never personally build out or test my code on a web server, it's always local on my desktop or mobile device. I make all web service calls via jQuery's Ajax.
There are many hybrid app development tools out there. However, if you are looking for developing a hybrid app (phonegap + angularJS + backend), I would like to recommend Monaca. I've just recently discover it. It is very cool since it has phonegap inside its framework and its own backend. Moreover, it also has a UI framework called OnsenUI which is based on Topcoat and AngularJS.
It also provides native components to use in your hybrid apps. What is impressive about it, you don't even need to build and install your app to your device everytime during development. That's what I love the most about this.
I hope it helps since I think it is just like what you are asking for. I'm just a novice developer and I find it is very easy to use.
take a look to visual studio tools for cordova cordova-vs, it include ripple emulator and a lot of good stuf
update:
i recently found this ide neodym , it looks promising

Creating a mobile app using Google App Engine and GWT?

I have a Google App Engine application with a front-end that was created using GWT. How would I go about creating a mobile app equivalent of this? In particular I would prefer to use GWT to create the front-end here as well. Does Google have any thing within GWT specifically designed for creating mobile apps? Is there already some existing structure in GWT which takes the front-end you've created and makes it scalable so that it can be easily transformed into a mobile app? Thank you much!
You should also definitively check mgwt + gwt-phonegap. It's a cross platform gwt/phonegap solution.
It depends a lot on whether you wish to build cross platform as in phonegap or keep it simple as in mobilewebapp example provided in sample folder in gwt zip file you download.
The mobilewebapp sample does not access smartphone features but will be accessible by browser on any mobile. phonegap or similar frameworks like titanium,sencha provide api to access smartphone features.
Fore more information -
http://www.sapandiwakar.in/technical/api-research-study-iphone-and-android-applications/
Sencha Touch 2 native build vs wrapping Sencha Touch 2 in Phonegap

Is it ok to have GWT for the admin and to choose another java framework for the website?

My project has a website (frontend) and an admin (backend).
I would like to do the whole project (front/back-end) with GWT, but I have some reason to have my website running without javascript.
These reasons are :
portability on mobile phone.
a best practice recommend to have a website running without js.
So I can t do the website with GWT...and I also need a MVC, internationalization...and other stuff existing in a classical web framework. I will develop my application on google app engine.
Does it make sense to use 2 frameworks (GWT for the admin and Spring MVC for the website) ?
Thanks you,
It is not uncommon to use different tools and frameworks for internal admin tools and external websites. In many places I have worked admin tools have been desktop based because they are quicker to develop.
so, if it works for you, go for it!

Resources