I'm trying to follow this documentation to add a Native App Install Prompt to my site, but not seeing anything happen on my site. So far I have:
Added a manifest.json and <link> tag
Added the .png icons
Ensure the page is being served over HTTPS
I've tried testing using Browserstack set to Chrome on Samsung Galaxy S20, but I'm not seeing anything happen at all - anyone have any guidance, advice, working examples?
Adding the iOS Smart App banner was straightforward but not having any success with the Android equivalent at all.
Related
I have couple questions about generating PWA App. Maybe at the first step I explain something about app for better understanding my problems with generating app for multiplatforms.
Multi Tenancy App
I can't say much more about application. This is application where users can create own account. Accounts is separated at servers, eg. app1, app2, app3 etc. Every server has his own domain, eg. app1.example.com etc. Every user can upgrade his account to premium type and define own domain, which can be go on and login to his account without using global domains (here is a problem with PWA app, multi domains). I think it is everything what you need to know, if you need more specific info, give me a feedback, I will try to help you. I need to use WebView because app need access to localStorage.
My problems
Problem is with multi domains. In manifest.json configuration is possible to define one domain, which app will be use to display application and authorize it (with assetlinks.json) to don't display URL Bar (for "Add to Home Screen" - with android app is possible to add wildcard).
I need possibility to use application with multi domains (I achieve it on android - explanation in the following part of post).
Problem is too with adding application from mobile Chrome "Add to Home Screen" and on the desktop "Install app...". After redirect to other URL, URL Bar is shown.
Next problem is to compile Windows Store app from Visual Studio (explanation in the following part of post).
I need more info about compiling app for iOS and MacOS - is this possible to compile and test it without Apple devices? I tried to use pwabuilder.com, but after download MacOS package folder is empty. Maybe virtual machine could help me with that? What you recommend too use to make that application? I tested what I found in google, but it wasn't what I expect.
Installation from Chrome browser
Is possible to change user URL without showing URL Bar? Now after autorization user and redirect him on the properly his premium address url bar is showing - i don't want users to have to go on properly domain and install app from "Add to Home Screen" - they should install it from any domain and use it like Native App.
Android
Partially solved problem with subdomains for every account. It's working properly, but maybe someone has any other authorization solution where I don't need custom subdomain for authorize app.
Windows Store
I installed Visual Studio, make new application with this documentation but I getting error
Error Project must have a reference to an application. Please add a reference under the 'Applications' node in the Solution Explorer.
Here is an issue - Maybe problem is with newest version of Visual Studio? Next question is, even if I compile the App, what with multi domain - URL Bar will be visible when user will be redirected? What if Chrome don't be installed?
iOS and MacOS
Maybe someone has good documentation how to create apps on this platform and where can I test it? What with multi domain? URL Bar will be shown? Is possible to make it invisible like an Android App eg. wildcard or other solution?
My questions
How to create PWA app for iOS and MacOS. Maybe is nice documentation for it.
How to build application for Windows Store. I made app with Microsoft documentation, but it doesn't work - problem was open on GitHub Issue, but without solution.
Is possible to use multi domains and don't show URL Bar for applications installed from mobile Chrome like a "Add to Home" or desktop Chrome "Install app...".
What if Chrome don't be installed on device? Application will be working properly? I know from android 8.1 is possible to remove chrome from android. I don't know if after remove Chrome application will be working?
Thanks everyone for help and your patience, I counting on much help from you.
I'm recently building a PWA with Vue and I'm trying to find a way of making the IOS package out of It. So far I haven't done yet but for Windows, Android & MacOs are pretty easy ... There a lot of blog tutorials for that and if you don't want to go through much of coding then the PWA Builder is the best option for you.
For your 4th question if you want to run a PWA from a browser the browser you have must support standalone desktop apps.
I wanted to try my PWA on iPhone from Chrome and couldn't because that chrome does not have the feature to pin an app to screen so I had to rely on safari only
I am doing some tests and realised that android browser does not display my website. The other browsers are ok.
I used these libraries:
easeljs
mathjax
jquery
I also used html5 webworkers. This is my test website: thewebdesign.org/v16/
My question is:How to find out the reasons.
Take a look at https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging to be able to inspect the chrome console.
Hope it helps.
Remote debugging is the most accurate / best, as suggested above, but if you are not able to use remote debugging: You can try out browserstack (http://browserstack.com/). Even though you would fix the android issue, there are no guarantees, IOS works. That is why I have been using browserstack, to test IOS.
This is really weird and I have no clue how to start fixing the problem.
Recently I developed an application using Nodejs, React and Redux.
Once finished I created .xap, .ipa and .apk files using PhoneGap building online service.
After published to every store (iOS, Google Play, Windows Market), everything worked just fine for Android and Apple versions of the app (.ipa and .apk).
But WindowsPhone app only shows a blank screen and then the PhoneGap logo (a cube with eyes).
Android and Apple versions work fine. But in the WindowsPhone version I don't even get to the main screen.
Any idea about how to start tackling this problem?
Have anyone experienced something similar?
Thanks in advance for any help!!
UPDATE:
It seems to be a known issue without solution from PhoneGap.
https://c.getsatisfaction.com/nitobi/topics/windows_8_mobile_blank_screen_on_load?topic-reply-list[settings][page]=1#topic-reply-list
I have installed facebook comments in my Joomla website but in android and iOS devices view is messed up, you can see only like 10% of comment box
I've tried searching possible solutions but I've found no luck. Another point is that if you set android browser to desktop mode, it works superb, but on simple mode, random thing appears.
To be clear pic is taken with android ICS 4.04 joomla 1.5 version. To preview site is jeffrivera.com
Facebook comments look fine on TechCrunch, so I suspect its your website's formatting that is making it look weird. Got a link to your site? Can you also paste the relevant HTML that contains the Facebook Comments plugin?
I have developed a mobile application using jQuery Mobile. I have it working in the emulator using the default web browser engine. Now, I want to test the app using the different browsers engines available on mobile devices. I have seen this accomplished from other developers, such as Opera, Chrome, or Safari. What is happening is these different browsers are being pointed to the Android emulator that is running the application.
Can anyone provide a link on how this is accomplished so I may follow the steps? I have searched the net and I can seem to find any solid information that explains this well enough for me to follow.
Thank you for reading my post.
You can use the emulator to browse the web and go to websites with browser packages for you to install other apps in your virtual phone.
Alternatively you can use DDMS to transfer the .apk files to your virtual mobile phone, and then install them without using internet on emulator.
Then, when you have some application associated with a specific file type or operation, typically Android asks you which one you want to use, with a popup, and allows you to also set a default one for that file type/action.