Jump to content
IGNORED

NJW&W PWA (Progressive Web App)


BowhunterNJ

Recommended Posts

Alright, we've put together a PWA (Progressive Web App) that will allow members to install a dedicated app for the site on their devices.  This will be similar to other applications you use on your devices.  Unlike a browser, this will allow you to receive real time notifications such as when you get a PM, someone replies to your topic, etc even if you aren't in the app.  Not all members may want to install an app, in which case using your devices web browser as you always have will continue to work as it always has. :up:

Note:  If you have an existing Home Screen app/shortcut, you will need to delete it and re-add with the process below!


WHAT IS A PWA?:

A progressive web app (PWA) is an app that's built using web platform technologies, but that provides a user experience like that of a platform-specific app.
Read more at https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Guides/What_is_a_progressive_web_app

 

INSTRUCTIONS TO INSTALL THE APP:

For iOS (iPhone, iPad, etc) on Safari:

Add a website icon to your Home Screen

You can add a website icon to your iPhone Home Screen for quick access.

  1. While viewing the website, tap the Share button in the menu bar.
  2. Scroll down the list of options, then tap Add to Home Screen.

If you don’t see Add to Home Screen, you can add it. Scroll down to the bottom of the list, tap Edit Actions, then tap 7c24a87974c9f3d927f73dd5edc48c38.png Add to Home Screen.
The icon appears only on the device where you add it.

image.png.193752258b1c38828855c1ad1ad3d854.png

Note: Some websites may ask for permission to send you notifications. You can change your notification settings at any time. See Change notification settings.

 

 

For Android on Chrome:

Follow the instructions here https://support.google.com/chrome/answer/9658361?hl=en&co=GENIE.Platform%3DAndroid&oco=0

 

 

INSTRUCTIONS TO ENABLE PUSH NOTIFICATIONS (i.e. ALERTS) IN THE APP:

There are two main steps:

  1. Enable Push notifications within the app you installed on your device
    • Open the app
    • Click the menu on the top right image.png.7a8c50d17cfaeab6106a7d185be32e7e.png
    • Click Account
    • Click Account Settings
    • Click Notification Settings
    • Scroll down and Enable Push for the device
      image.png.4219efa2de42484f1e3df2e6a34d5b48.png
        
  2. Configure what you'd like to receive Push Notifications for
    • Quick link to Notification Options:  https://www.njwoodsandwater.com/notifications/options/
    • On the device you installed the app, go to your account's notifications and configure what you want for Push:
      • Desktop: 
        • Click your username on the top right of the screen
        • Click Account Settings
        • Click Notification Settings on the right side under Other Settings
        • Configure what you'd like to have Push for
      • Mobile or in app:
        • Click the menu on the top right image.png.7a8c50d17cfaeab6106a7d185be32e7e.png
        • Click Account
        • Click Account Settings
        • Click Notification Settings
        • Configure what you'd like to have Push for

image.png.9dbcfe6bae8a6180257167229cd3520f.png 

Link to comment
Share on other sites

  • 4 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...