Can be used pwa as a desktop rwd website simultaneously? - responsive-design

I want to create a web application. Before knowing about pwa, i wanna to create my wep app with rwd(responsive web design) that implements by react.
I don't want to have two seperated url and site for pwa and desktop. What could i do? Can i use serviceworker and manifest in root of my rwd design ? When users go to url in mobile, they see pwa and in desktop they see rwd. Just with one url. Thanks.

Yes service workers and manifest will help you accomplish this. The pwa will be from the Responsive Web Design, meaning you Progressive Web App is linked to the rwd.
See explanation: https://www.optasy.com/blog/3-essential-steps-convert-your-website-progressive-web-app

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.

How to convert Ionic mobile to web app

Say I have an existing mobile app built on Ionic. Now I need to have a website version of the app so users can access it via desktop too.
Is there any documentation that suggest this is possible?
I think you're looking for Progressive Web Apps. Ionic does cater for such, just google for the term "Ionic PWA" example below.
http://blog.ionic.io/navigating-the-world-of-progressive-web-apps-with-ionic-2/
https://blog.saddey.net/2016/07/03/using-docker-to-create-ionic-2-pwa-developer-environment/

Chat feature in mobile app

I am creating a ionic mobile app for android and ios. There is this requirement to have a feature where two people can chat in this app.
Are there any existing free/paid API's that can be easily integrated with my application to achieve this task?
Firebase has a demo app that does exactly that:
https://github.com/firebase/firechat

How to build a native mobile app for a joomla site

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.

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