No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    PWA install prompt for user?

    Framework
    3
    10
    1262
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • ssuess
      ssuess last edited by

      Hi, I am beginning to test in my dev environment with the PWA setup. I have edited my manifest for my info, but I am not sure how to show a link or prompt the user to install the PWA. Is there a Quasar component for this?

      Also, I assume in testing my start_url can be on my local network “http://192.168.4.242:8080” but when compiling for my server I should change the start_url to the secure external address of my server, correct?

      1 Reply Last reply Reply Quote 0
      • ssuess
        ssuess last edited by ssuess

        hm, and perhaps it isn’t running in dev mode correctly? Quasar console tells me

        [Quasar] Running PWA with MAT theme.
[Quasar] PWA: a no-op service worker is being supplied in dev mode in order to reset any previous registered one. This ensures HMR works correctly

        but when I go into chrome dev tools it can’t find manifest nor service worker…any ideas?

        1 Reply Last reply Reply Quote 0
        • rstoenescu
          rstoenescu Admin last edited by

          The true service worker and manifest files are available only on production.
          This gets changed in v0.17 where you’ll be able to play with the service worker on dev too.

          1 Reply Last reply Reply Quote 0
          • ssuess
            ssuess last edited by

            so does that mean I need to build it, move it to my server, and then when I connect it will be working as a PWA? Are there any special flags when I build that I should be aware of or things to avoid?

            1 Reply Last reply Reply Quote 0
            • ssuess
              ssuess last edited by

              nevermind, I think I got it. Thanks!

              W 1 Reply Last reply Reply Quote 0
              • ssuess
                ssuess last edited by

                I spoke too soon…it seems to be mostly working BUT for some reason I am still getting the quasar icon (surrounded by a little bit of black) for the home screen icon, even though I have replaced all the icons in the manifest with my own. Any ideas?

                1 Reply Last reply Reply Quote 0
                • ssuess
                  ssuess last edited by

                  Well, in case it helps someone else out. I had to mess around in the head section of the index.html file and add a bunch of lines that point to various versions of favicons I generated, but now it works and my icon is being used when adding to home screen. Now I just have to figure out how to get my website to prompt for download of the app.

                  1 Reply Last reply Reply Quote 0
                  • W
                    wholeeggz @ssuess last edited by

                    @ssuess Hi, how did you get the install prompt working?

                    1 Reply Last reply Reply Quote 0
                    • ssuess
                      ssuess last edited by ssuess

                      @wholeeggz depends on what you mean. On Android, this should be automatic, but there is no install prompt on iOS, other than to inform the user via popup that they can hit the share icon and then add to homescreen.

                      1 Reply Last reply Reply Quote 0
                      • W
                        wholeeggz last edited by

                        Thanks man, I have it working - I’m reading lots of your posts and it helps 😉

                        1 Reply Last reply Reply Quote 1
                        • First post
                          Last post