The slides are about our experiences with hosting PWA solutions from the side of a managed hosting service.

1. How to integrate
PWA solutions successfully

2. Page 2 of 10Jonas Hünig, maxcluster GmbH
30.11. | 01.12.2019
Jonas Hünig
- Linux Aministrator
- Magento 1 & 2 Certified Associate Developer
- Email: jhuenig@maxcluster.de
- GitHub: https://github.com/jonashrem
- Twitter: @jonashrem
Who´s speaking

3. Page 3 of 10Jonas Hünig, maxcluster GmbH
30.11. | 01.12.2019
PWA Studio vs Vue Storefront
PWA-Studio
- Single NodeJS process
- Alternative: Upward-PHP
- Created by Magento
- Only Magento 2
- Uses GraphQL API
- No Server Side Rendering
Vue Storefront
- Vue Storefront & Vue Storefront API
2 processes and 2 ports→
- Created by Divante
- For Magento 1, 2 and Shopware
- Uses Rest API
- With Server Side Rendering (SSR)

4. Page 4 of 10Jonas Hünig, maxcluster GmbH
30.11. | 01.12.2019
(Classical) Responsibilities
Webserver: Apache2 | NGINX | others
PHP
Magento shop
Optional: Varnish + SSL Offloader
Agency |
Programmer
Hoster

5. Page 5 of 10Jonas Hünig, maxcluster GmbH
30.11. | 01.12.2019
Effects of PWA?
Not PHP, but NodeJS
The application runs as an independent NodeJS process
The application has to be accessible by users
( Port needs to be forwarded somehow)→
The NodeJS application has to be maintained and
restarted after security updates and server restarts
More difficult to debug due to service worker

6. Page 6 of 10Jonas Hünig, maxcluster GmbH
30.11. | 01.12.2019
Impact of PWA?
No fixed distinction between NodeJS and application (unlike in PHP)
→ Responsibilities of customer (agency | programmer) and hoster
become unclear
→ Hoster needs to know more about the application
→ Customer needs to know more about the hoster´s work

7. Page 7 of 10Jonas Hünig, maxcluster GmbH
30.11. | 01.12.2019
What did we do?

Individual customer requirements due to different server structures were
taken into account (new vs. existing server)

Managed PM2 by systemd

PM2 is monitored. We can intervene in case of malfunctions.

Building PM2 as a Debian package PM2 will be updated to the latest→
version during our regular server upgrades

PM2 is monitoring NodeJS processes. With PM2 save, NodeJS processes can
be started under the same conditions as before

External website monitoring to ensure both, the NodeJS application and
Magento, are always accessible
Set up Hosting for PWA Studio | Vue Storefront:

8. Page 8 of 10Jonas Hünig, maxcluster GmbH
30.11. | 01.12.2019
And our customers?

Need to manage the application via PM2
Knowledge necessary→

Needs to discuss with us which ports to use

9. Page 9 of 10Jonas Hünig, maxcluster GmbH
30.11. | 01.12.2019
Advantages for the customer?

Can focus on his core business

Doesn´t have to bother with security updates and so on

10. Expectations? Questions?