I am working on publishing a progressive web app (PWA) in Google Play, as a Trusted Web Activity (TWA). I packaged my app using bubblewrap, as instructed in the official docs: https://developer.chrome.com/docs/android/trusted-web-activity/
All went smoothly. I tested the app on a handful of Android phones, among them two Huawei phones, both with gapps (google services, google play, ...): Huawei P9, and Huawei P30. On both of them, the TWA is unusable.
The behavior is as follows:
Install the TWA app from google play
Close all running apps
Open the TWA app -> It is stuck on the app splash screen
Close all running apps
Open Chrome, then go back to home screen, and open the TWA app -> It works, but address bar is showing (it is not showing on other phone models)
Installing the PWA from Chrome browser menu works fine (as PWA, without Google Play / bubblewrap / TWA in game).
I know that Huawei phones are less common in the western world now, but I am still wondering if other developers ran into the same problem, and whether there is a way to make TWAs work on Huawei phones.
Related
Is there a way to publish an app on publishing PWA on app stores
google play and ios itunes. Without creating a buggy with cordova which creates a tons of issues to maintain.
Yes there is way to publish your PWAs to Android AppStore.
TWAs
Trusted Web Activities are a new way to integrate your web-app content such as your PWA with your Android app using a protocol based on Custom Tabs.
TWAs uses the Digital Asset Links protocol and API enable an app or website to make public, verifiable statements about other apps or websites. For example, a website can declare that it is associated with a specific Android app, or it can declare that it wants to share user credentials with another website.
Checkout the following link for complete guide to launch PWA to Appstore by Google Developers forum and tutorial guide on medium by Maximiliano Firtman here
Try the documentation Package Your Cordova App for Publishing to an App Store.
Before you can build your application for deployment to any device
through a public app store, you must first configure Visual Studio
with the information it needs to complete the process of packaging and
signing the application for deployment through an app store.
I've just started investigating this myself, have you tried PWA builder? https://www.pwabuilder.com?
It can generate packages for Windows, Android and iOS.
I am mobile device web middleware developer, and I have to check some webapp's performance (not an Android, not an iOS device).
Those webapps (not a web service or web page. those are a kind of hybrid app) are very device dependent, so I can't use desktop Chromium dev tools.
Below is desktop Chromium performance dev tool.
I want to know "Loading time, Scripting time, Rendering time, Painting time".
How can I check those things on mobile device?
Command line interface, logs, anything is okay...
Try Remote Debugging. The page actually runs on the mobile device, giving you an accurate view of mobile performance, but you inspect the performance from a laptop / desktop that’s connected to the 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.
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
Check if app is already installed on iOS from safari "Browser" using java script or any other way. I need to check on my website weather my app is installed or not. If yes then I would like to open the app when somebody opens my website.
I have the URL for my app to open.
Right now I have given two options on my website:
1) I have app installed will open the app
2) Available on the app store.
I want to decide at my side weather app is installed or not.
Using Any web technology.
The new smart app banner feature in iOS 6 may cover what you are looking for.
https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html