forked from amahdy/java-pwa
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathREADME.md
More file actions
40 lines (24 loc) · 2.26 KB
/
Copy pathREADME.md
File metadata and controls
40 lines (24 loc) · 2.26 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
Progressive Web App with Java
=============================
This guide show you how to get PWA functionalities in a Java application.
Java app before applying PWA functionaities | Final app with PWA, running standalone
:-:|:-:
<img src="https://github.com/amahdy/java-pwa/blob/master/readme_files/without.png" alt="Java app without PWA" height="500px"> | <img src="https://github.com/amahdy/java-pwa/blob/master/readme_files/loaded.png" alt="Java app without PWA" height="500px">
Step by step guide
==================
Here are easy steps on how to make a Java app, PWA compatible:
[Step 0 | Simple Vaadin App](https://github.com/amahdy/java-pwa/commit/8c0b257725af0e130bb5a00dc4004188d8515367)
[Step 1 | Simple JS PWA](https://github.com/amahdy/java-pwa/commit/56fb4fc711071d44f93607fd227bd0d7ad60bfb8)
[Step 2 | Add JS responsible about SW](https://github.com/amahdy/java-pwa/commit/2b70f0b6b898b30934237e2a94353ab858afb6f8)
[Step 3 | Add service worker](https://github.com/amahdy/java-pwa/commit/47e3dccd1502cbc1d755aad3eccc4f8a88e33b8f)
[Step 4 | Update cached files](https://github.com/amahdy/java-pwa/commit/b5e39a6a37ed90960b09706bfa7a269f1627b943)
[Step 5 | Include manifest file](https://github.com/amahdy/java-pwa/commit/e03fa472b0d5caecef28390a51020457ec01ace5)
[Step 6 | Add relevant meta tags](https://github.com/amahdy/java-pwa/commit/81f310424bea49966c09f53bab9de8adbfad850c)
[Step 7 | Compression and production mode](https://github.com/amahdy/java-pwa/commit/3ab3b9de851bad9eac03c3428021b757aac06d01)
[Step 8 | Show data in a working app](https://github.com/amahdy/java-pwa/commit/4c0ceb5582fbbc355dc5a834344ea394f96e99db)
[Step 9 | Skip waiting when updating the service worker](https://github.com/amahdy/java-pwa/commit/e2c88aefc8fb3f1957b377cf4070cb5446a8c5d2)
How the final app looks like
============================
App icon on the desktop | Splash screen when opened | App drawer
:-:|:-:|:-:
<img src="https://github.com/amahdy/java-pwa/blob/master/readme_files/appDesktop.png" alt="Java app without PWA" height="500px"> | <img src="https://github.com/amahdy/java-pwa/blob/master/readme_files/splash.png" alt="Java app without PWA" height="500px"> | <img src="https://github.com/amahdy/java-pwa/blob/master/readme_files/appDrawer.png" alt="Java app without PWA" height="500px">