PWA (Progressive Web Application) Frontend
The PWA (progressive web application) frontend works like a normal application on the mobile. It allows you to adjust the custom style as your requirement. We provide icon size, name, display orientation, colors, etc options to make quickly app format. You get a combination of a native app with the website.
Configuration for the iPhone icon.
Go to "Settings" => "PWA Frontend Configuration".
You can configure PWA as per your choice.
You have an option in the display orientation.
You will see plus icon like we have highlighted in the screenshot if you press that then you will see one popup to install the app then press the "Install" button.
Installed PWA backend looks like below.
Allow User access right, so that user can create a web push notification.
In General Setting, just past firebase keys and config code (First Config Firebase Setup)
Web Push Notification Menu and Tree View.
Web Push Notification Form view, Here you can create a notification.
After 'Validate' notification click 'Send Notification', and users get the notification.
Make sure your users allow the Notification popup in their browsers.
In 'Register User' here you can see the list of all users who are getting notifications.
Web Notification look like below image. Cheers....
Goto Firebase Console and click on add project.
Here add your project name and click next.
If you want google analytics so enable it else disable that and click continue.
After adding project, Select 'Web' option click on it.
After that step here just add your project nick name and click register add.
Then next all step and click 'Continue to Console'.
Now here goto project setting.
Here goto 'General' tab and copy 'config' code (make sure only copy selected code as per indicate in this screenshot).
Now goto 'Cloud Messaging' and copu server key and past it in 'Api key' in odoo general setting. Now click on 'Generate Key Pair'.
After that copy that key and past in 'Vapid' in odoo general setting. Thats it.