PWA (Progressive Web Application) Frontend

by
Odoo

53.88

v 13.0 Third Party 14
Live Preview
Availability
Odoo Online
Odoo.sh
On Premise
Odoo Apps Dependencies Website (website)
Discuss (mail)
Lines of code 579
Technical Name sh_pwa_frontend
LicenseSee License tab
Websitehttps://www.softhealer.com
Versions 16.0 12.0 15.0 13.0 10.0 14.0 11.0
You bought this module and need support? Click here!
Availability
Odoo Online
Odoo.sh
On Premise
Odoo Apps Dependencies Website (website)
Discuss (mail)
Lines of code 579
Technical Name sh_pwa_frontend
LicenseSee License tab
Websitehttps://www.softhealer.com
Versions 16.0 12.0 15.0 13.0 10.0 14.0 11.0
logo
Community

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.

PWA Features


  • Lower development costs than native mobile apps.
  • The PWA provides a combination of a native application with the website.
  • Load faster than native apps.
  • Fast installation compares to native mobile apps.
  • In PWA you have not updating issue that occurs in other applications.

Features


  • New feature push notification added. New
  • This module fluently work with multiple company.
  • Easy to configure the PWA backend with the icon size, name, display orientation, colors.
  • The configuration options,

    1) Color: Theme color & Background color.
    2) Icon: Icon, Icon mimetype, Icon size.
    3) Display orientation: Fullscreen, Standalone, Minimal.
    4) General configuration: Name, Short name.
  • No special configuration required just install it and cheers!
  • This module saves your important time. It reduces human efforts.

Notes


  • SSL required if you are on the cloud or using IP. As without SSL permission of notification does not work. If you are running odoo on the localhost (http://localhost) then it's not required SSL.
  • Although PWA supports IOS/Android, The firebase push API has some browser limitations, which you can check using the below link.


    Copy Link: https://firebase.google.com/support/troubleshooter/fcm/delivery/diagnose/
    web#:~:text=arrow_back%20FCM%20browser%20support%20and,a%20browser%20supports%20messaging%20capabilities



    Copy Link: https://caniuse.com/push-api
  • Please ask us on sales@softhealer.com if any doubt.

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.


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.


Version 13.0.2 | Released on : 7 June 2021

  • New Push Notification Feature Added.

Version 13.0.1 | Released on : 29 June 2020

  • Initial Release.
  • Currently, The firebase notification is tested with android os.
  • Yes, This app is compatible with Odoo's Multi-Companies Feature.
  • Yes, we provide free support for 90 days.

You May Also Like


Odoo Proprietary License v1.0

This software and associated files (the "Software") may only be used (executed,
modified, executed after modifications) if you have purchased a valid license
from the authors, typically via Odoo Apps, or if you have received a written
agreement from the authors of the Software (see the COPYRIGHT file).

You may develop Odoo modules that use the Software as a library (typically
by depending on it, importing it and using its resources), but without copying
any source code or material from the Software. You may distribute those
modules under the license of your choice, provided that this license is
compatible with the terms of the Odoo Proprietary License (For example:
LGPL, MIT, or proprietary licenses similar to this one).

It is forbidden to publish, distribute, sublicense, or sell copies of the Software
or modified copies of the Software.

The above copyright notice and this permission notice must be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
DEALINGS IN THE SOFTWARE.

Please log in to comment on this module

  • The author can leave a single reply to each comment.
  • This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
  • If you want to start a discussion with the author or have a question related to your purchase, please use the support page.
There are no ratings yet!
by
abdulla.almusallam@hotmail.com
on 9/24/20, 11:32 PM

Shall we customise it to show the "install app" on bottom of mobile browser? Now we have to click on plus icon to show install app option.


Hi shall we use this for odoo ecommerce?
by
vipinkrishnan
on 9/6/20, 12:10 PM

Hi shall we use this for odoo ecommerce? is there any chance to send push notifications .

Re: Hi shall we use this for odoo ecommerce?
by
Softhealer Technologies
on 9/7/20, 12:00 AM Author

Hello,

You can use for ecommerce. Currently push notification feature not there. We will add this feature soon.

Thank you.