Creating PWAs with Vaadin
The Vaadin server automatically serves the needed resources for a PWA, when you use the @PWA annotation in the root layout of your application.
Example: Using the @PWA annotation with the @Route annotation to automatically serve PWA resources.
@PWA(name = "My Progressive Web Application",
shortName = "MyPWA")
@Route("")
public class MyPWA extends Div {
public MyPWA() {
setText("Welcome to my PWA");
}
}-
Vaadin server automatically serves the web manifest, service worker, icons, offline page, and installation prompt, and adds the necessary additions to the application headers.
-
The
shortNameparameter should not exceed 12 characters. See PWA Web App Manifest for a list of@PWAannotation parameters you can use.
|
Note
|
You can only have one @PWA annotation per application. The annotation must be placed in the application’s parent layout, or in a view annotated with @Route.
|
A9C32973-4754-4F10-998F-FB4E64E1093B