How to build a native mobile app for a joomla site - mobile

I am about to build a mobile app using html5 with phonegap. So that i can easily install it on any platform. Android, Blackberry or ios.
I want this app to be able to perform CRUD - in close connection with my joomla site.
The Joomla site is already completed, its a social network. I need this app to be able to retrieve information such as profile pictures, messages e.t.c and then be able to upload pictures, send messages and use the geolocation api.
My question is i dont know how to make the app connect or communicate with my Joomla db.

Well i found the answer, just in case anyone needs it.
To build a mobile using Joomla as the server, what you need is
1. Jquery
2. Build an extension on your Joomla site
3. Using the jquery ajax methods + Joomla's native method to provide data in Json format, you can build an api to send and receive data from your mobile app to your joomla website.

Related

React Web app with a user login and headless CMS

So for an upcoming project I need to build a simple e-learning/training platform. As I am new to ReactJS I wanted to use that to build this web app. For this web app I want to use firebase for users to login and see the content and interact with it. Then I also need a CMS platform for the company to output data to the user.
I was curious what the best take would be for this project. Firstly build the base and user login and later on add the CMS or first the CMS and then the user login. Also looked at several headless CMS systems but not sure what would work best, especially with the firebase authentication.
Any help or directions would be great!

React-Native authentication and Cloud Firestore

I want to implement authentication to Cloud Firestore but dont know if I need to add Two Apps in the project settings of the project in Firebase or I just need one?
The main thing where I am totally confused is that the Cloud-Firestore docs say that I need to create a Web app in the Firebase Project, and on the other side I need an Android app in the same Firebase project for the authentication. So, how are those two communicating with each other, how my users are registered to one of the apps and given access to the other app?
You don't need to create two Firbase apps, you only need to create one Firbase app and link it to your Android App.
In the Firebase Console you have to + Add project.
In the project that you have create, under Get started by adding Firebase to your app you have to click on Android icon. This will create a Firebase Application for android.
There you will have to register the details of your Android Application. e.g. Android package name etc.
Then it will prompt you to download the JSON configuration file that you will have to include in your Android App.
After that you will have successfully linked your Firebase Project Application to your Android App
For more detailed explanation I advice you to follow the Add Firebase to your Android project documentation.

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.

Ionic + Phonegap Build app : facebook and google login, using native apps

Can someone point me to a plugin or a code snippet to implement both Facebook and Google login in my Ionic + Phonegap Build app ?
It must also work as a pure webapp (in a desktop browser).
I would like this feature to be able to log from the native facebook or google+ apps that the user has already installed on his device, so he doesn't need to retype his id+password. But, if these apps are not installed, the code must fallback on the normal login process.
My app communicate with a cloudant database using pouchDB in case you need this information.
(I have to use Phonegap Build because I don't work on a mac).
Thanks
Facebook:
https://github.com/Wizcorp/phonegap-facebook-plugin/
Google login:
http://community.phonegap.com/nitobi/topics/implementing_google_login_in_a_phonegap_app
Try these two links ,it will work.

Using trigger.io with GAE

I want to try using trigger.io.
We have a Web App and using GAE.
How can we test our Web App with trigger.io?
I see that on the "WEB" section of the toolkit there's only a spot for "Heroku".
Is it possible?
Do we need to migrate?
How can i test our web app with android? I couldn't find a place to direct it to our index.html.
Thanks a lot.
The web section in the Toolkit basically lets you deploy your mobile app as a mobile website, based on Node.js.
If you have an existing web app that you'd like to use as the backend for a mobile app, then it's a case of exposing some sort of HTTP API which your mobile app then interacts with.
Having the mobile app just receive JSON from GAE, build its HTML views and present them to the user works really well.

Resources