The installation button is called after the beforeinstallprompt event happens. You can use the ev.preventDefault( ) event handler to stop the button appearing but you have to make sure that you are meeting all the conditions of a PWA, like https, to have control over the process.
This works perfect in localhost but when i try and use ngrok nothing happens when pressing the button. Any solutions you can think of? Thank you for any information that can be provided!
it actually appears that ngrok is somehow replacing my manifest.json so the service worker is not activating which is not firing the 'beforeinstallprompt'. A video I was following to make an application is using ngrok to test the application without putting it on an actual domain but maybe this is outdated.
I've never used ngrok. I've always used an external server for testing. So, I couldn't tell you how it is interferring with the Service Worker. Service workers are designed to be connected to a domain. If ngrok interferes with the address/domain then that could interfere with the service worker running.
No hack for Safari or Firefox or Opera. It is only available in Chrome and Edge currently. The button is just a button that calls a JS function. Nothing different for VueJS to do.
The install has nothing to do with VueJS. Vanilla JavaScript creates the handler for the beforeinstallprompt event and saves the event object to be used later in a function that is called by a click listener on a button. vuejs.org/v2/guide/events.html#Method-Event-Handlers Install
Make a useful video! For example how to uninstall and remove ALL options to install this crap in the future. I don't want to be able to install this nonsense, not even by accident.
Professor title suits you, you know how to teach, simple topics or complicated always easy to pick up and your long experience is so clear, thanks.
Well, that and he fact that I am a professor. 😀
Great videos acrosss the board. Thanks for all the work you put in.
Thanks for the high-quality content Steve!
Thanks Steve, Quality Content🔥
Thanks 👍 I really learned a lot.
The installation button is not hiding in the mobile browser . How can this be done?
The installation button is called after the beforeinstallprompt event happens. You can use the ev.preventDefault( ) event handler to stop the button appearing but you have to make sure that you are meeting all the conditions of a PWA, like https, to have control over the process.
This works perfect in localhost but when i try and use ngrok nothing happens when pressing the button. Any solutions you can think of? Thank you for any information that can be provided!
it actually appears that ngrok is somehow replacing my manifest.json so the service worker is not activating which is not firing the 'beforeinstallprompt'. A video I was following to make an application is using ngrok to test the application without putting it on an actual domain but maybe this is outdated.
I've never used ngrok. I've always used an external server for testing. So, I couldn't tell you how it is interferring with the Service Worker. Service workers are designed to be connected to a domain. If ngrok interferes with the address/domain then that could interfere with the service worker running.
Do you have where there are push notifications?
Do you mean have I done a tutorial on push notifications? I have not.
@@SteveGriffith-Prof3ssorSt3v3 exactly.
How can we handle this install button vuejs?. Any "hack" to do this on Firefox?
No hack for Safari or Firefox or Opera. It is only available in Chrome and Edge currently.
The button is just a button that calls a JS function. Nothing different for VueJS to do.
@@SteveGriffith-Prof3ssorSt3v3 I tried in vue, not work
@@SteveGriffith-Prof3ssorSt3v3 I don't know why Firefox are doing this to pwa
The install has nothing to do with VueJS. Vanilla JavaScript creates the handler for the beforeinstallprompt event and saves the event object to be used later in a function that is called by a click listener on a button.
vuejs.org/v2/guide/events.html#Method-Event-Handlers
Install
@@SteveGriffith-Prof3ssorSt3v3 of course Steve. I said using vue I got some errors with before install prompt
Nice tutorial, is there any uninstall event triggered?
Nope.
life saver
Solution is 100% correct. But, On mobile chrome button is not working. Can you give any suggestions? It may be helpfull for me..!
If you are on mobile chrome on iOS it will never work because Chrome and Firefox are forced to use the Safari Webkit JS engine.
can you create a video about connect Indexeddb with PWA - service workers. I really like your video
That video is in the service worker series.
@@SteveGriffith-Prof3ssorSt3v3 thanks you very much
Thank you... Can you make one on push notifications I'll really appreciate it 🙏
Please add it in the comments here - ua-cam.com/video/LCezax2uN3c/v-deo.html - and vote for others you like.
I love you content ❤️
Make a useful video! For example how to uninstall and remove ALL options to install this crap in the future.
I don't want to be able to install this nonsense, not even by accident.