PWA - Managing Installs and Install Events

Поділитися
Вставка
  • Опубліковано 23 гру 2024

КОМЕНТАРІ •

  • @aminam9201
    @aminam9201 3 роки тому

    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.

  • @iwswordpress
    @iwswordpress 3 роки тому

    Great videos acrosss the board. Thanks for all the work you put in.

  • @guig0157
    @guig0157 3 роки тому

    Thanks for the high-quality content Steve!

  • @summetprajapati9229
    @summetprajapati9229 3 роки тому

    Thanks Steve, Quality Content🔥

  • @biswamohandwari780
    @biswamohandwari780 2 роки тому

    Thanks 👍 I really learned a lot.

  • @_yado
    @_yado 3 роки тому

    The installation button is not hiding in the mobile browser . How can this be done?

    • @SteveGriffith-Prof3ssorSt3v3
      @SteveGriffith-Prof3ssorSt3v3  3 роки тому

      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.

  • @charlesrobertson1860
    @charlesrobertson1860 2 роки тому

    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!

    • @charlesrobertson1860
      @charlesrobertson1860 2 роки тому

      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.

    • @SteveGriffith-Prof3ssorSt3v3
      @SteveGriffith-Prof3ssorSt3v3  2 роки тому

      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.

  • @kevyyar
    @kevyyar 2 роки тому

    Do you have where there are push notifications?

    • @SteveGriffith-Prof3ssorSt3v3
      @SteveGriffith-Prof3ssorSt3v3  2 роки тому

      Do you mean have I done a tutorial on push notifications? I have not.

    • @kevyyar
      @kevyyar 2 роки тому

      @@SteveGriffith-Prof3ssorSt3v3 exactly.

  • @osmelguarepo6523
    @osmelguarepo6523 3 роки тому

    How can we handle this install button vuejs?. Any "hack" to do this on Firefox?

    • @SteveGriffith-Prof3ssorSt3v3
      @SteveGriffith-Prof3ssorSt3v3  3 роки тому +1

      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.

    • @osmelguarepo6523
      @osmelguarepo6523 3 роки тому

      @@SteveGriffith-Prof3ssorSt3v3 I tried in vue, not work

    • @osmelguarepo6523
      @osmelguarepo6523 3 роки тому

      @@SteveGriffith-Prof3ssorSt3v3 I don't know why Firefox are doing this to pwa

    • @SteveGriffith-Prof3ssorSt3v3
      @SteveGriffith-Prof3ssorSt3v3  3 роки тому +1

      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

    • @osmelguarepo6523
      @osmelguarepo6523 3 роки тому

      @@SteveGriffith-Prof3ssorSt3v3 of course Steve. I said using vue I got some errors with before install prompt

  • @kentormb
    @kentormb 3 роки тому

    Nice tutorial, is there any uninstall event triggered?

  • @yannnguessan9347
    @yannnguessan9347 2 роки тому

    life saver

  • @068alpeshnakum8
    @068alpeshnakum8 Рік тому

    Solution is 100% correct. But, On mobile chrome button is not working. Can you give any suggestions? It may be helpfull for me..!

    • @SteveGriffith-Prof3ssorSt3v3
      @SteveGriffith-Prof3ssorSt3v3  Рік тому

      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.

  • @thilinachaturanga6274
    @thilinachaturanga6274 3 роки тому

    can you create a video about connect Indexeddb with PWA - service workers. I really like your video

  • @fu-_ry17
    @fu-_ry17 3 роки тому

    Thank you... Can you make one on push notifications I'll really appreciate it 🙏

    • @SteveGriffith-Prof3ssorSt3v3
      @SteveGriffith-Prof3ssorSt3v3  3 роки тому

      Please add it in the comments here - ua-cam.com/video/LCezax2uN3c/v-deo.html - and vote for others you like.

  • @atulsinghrajput9932
    @atulsinghrajput9932 3 роки тому

    I love you content ❤️

  • @StijnHommes
    @StijnHommes 3 роки тому +1

    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.