Progressive web app ios push notifications? - progressive-web-apps

I noticed some blogs mentioned PWA works with IOS .. I have tried ' add to home screen and push notifications are not working ..please help me with sample demo.

In iOS 11.3, Apple included Service Worker. That's why everybody is saying that PWAs work on iOS. But unfortunately there is currently no way to send Push Notifications to a PWA running on an iOS device. Also the user needs to manually add the PWA to the home screen.
See: https://medium.com/#firt/progressive-web-apps-on-ios-are-here-d00430dee3a7

Apple is still lagging behind everyone here, even though they have had an add to homescreen functionality since 2007.
That is the answer to the add to homescreen. You need to use the mobile-web-app-capable, touch icons META tags to drive the iOS add to homescreen experience.
As for push, you will need to fallback, remember these progressively enhanced websites.
My fallback recommendation is SMS (Twilio is a good service for this).
Unfortunately, or maybe we are fortunate LOL, iOS does not support web push either.

Related

How to install a Progressive Web App on a mobile device?

Im using an iPhone to browser thru various PWA demos online.
Is the installation as simple as adding the URL to the Home Screen?
Well, as of today, iOS lacks proper support for PWAs, so you won't get any PWA-specific benefits of adding the Web app that is a PWA to the Home Screen on your iPhone. Basically, yes, you will have a shortcut on your Home Screen, but it wouldn't give you any Service Worker capabilities and also your users will never be prompted to add the app to the Home Screen automatically.
On iOS there is only a non-standard Apple solution with meta tags available that allows you to customize the appearance of your website when added to the Home Screen to some extent. See Apple docs.
See What Web Can Do and caniuse.
UPDATE Jun 2018: As of Safari 11.3, iOS supports PWA installation and Service Worker features. However it does not prompt for installation, so the only way to "install" a PWA is to use good old "add to home screen" menu link. Also, it still does not support Service Worker-based Push messaging.

Iphone application using webview

I've created a web application using asp.net. I customized it form mobile(jQuery Mobile) .
I created an iphone application that has a web view that shows the website.
Is this will be applied by Apple to publish this application???
Regards,
Moayyad
If the only purpose of the app is showing the webview with the website, and it does absolutely nothing else, then it will most likely be rejected. However, if showing the website is just a small part of its functionality, and it does some other useful things as well, then using a webview for displaying your own website is OK, as far as I know.
Note, however, that I/we can only make assumptions and guesses. Nobody except Apple knows what exactly will happen to your app - there are numerous cases when an app was rejected for a feature which another approved app had, so there are inconsistencies in the AppStore approval policy of Apple. Don't expect anything.
I don't think so. They prefer use of HTML5 in webapp. Try to review the Apple guidelines for building web app.

iPhone web-app from home screen always reloads switching between apps

I'm working on a mobile web app (website) that requires you to add it to the home screen. When you open it, and switch to another app, then go back to my web app, the whole app reloads. It shows the splash screen and doesn't even remember where you last were.
Is there a way around this? I can't find any details in the iOS docs.
It seems that this topic will answer your question.
You can't avoid this refresh behavior. You should work with the HTML5 local storage to persist the state of your application and use it when the application is launched to restore his state.
Here is a link to the Safari Developer Library focussing on your question.

How can I target push notifications to both iPhone and Android?

I am developing apps for both Android and iPhone, and am looking for how I can push notifications to both (if you only have an answer for one, that's ok, I'm sure someone has an answer for the other).
For example, if I'm having a special on something and want to notify people so it sort of dings and a message pops up (I have a Groupon app that does that) how can I accomplish this? And do I have to reprogram each time, or can I do it through an RSS or something else?
For Android 2.2+ use C2DM. Apple also has a proprietary push notification service. In both cases you need to register with the company to use the system. Also in both cases you will need a web server able to communicate to Google and Apple.
If you don't want to have to support an entire server framework for communicating with both iOS and Android devices, take a look at UrbanAirship. It's a dirt-cheap service that allows you to push both plain- and rich- text messages to iOS, Android, and BlackBerry.
Gravy: It also has mechanisms for In-App Purchasing, and statistics tracking.
Maybe PushOver can be a solution https://pushover.net/ but there is probably other web services like that !

Appcelerator Push Notifications

I was wondering if it's possible to create a generic push notification solution for mobile devices (or at least Android and iPhone) with Appcelerator. I found some examples on how to implement iPhone Push with Appcelerator but nothing generic.
Any ideas? Or are there maybe other cross-plattform development sdk to solve this?
As far as I know, you can use the push notification service with iOS only.
See the documentation here.
Then, for the iOS, the simpliest way to send/receive notifications, is to subscribe for free for the UrbanAirship service.
You can find a nice tutorial here.
I only know of push notifications working in IOS (for iPhone) too. However, I understand that Cocoafish are soon working on push notification for Android. Backends like this and UA are about as generic as you can get.
Using Appcelerator Cloud Service(ACS) you can implement the Push Notification.
It is the simplest and reliable one. Follow below tutorial for ACS Push Notification implementation on Android and iOS
Android :
http://www.titaniumtutorial.com/2012/06/appcelerator-cloud-push-notification-in.html
iOS :
http://blog.teemusk.com/2012/05/building-server-push-notifications-with-appcelerator-titanium-cloud/comment-page-1
Hope it helps someone