Introduction

This article describes how to deploy Intershop Progressive Web Application (PWA) for a demo server in development mode.

References

• GitHub project - intershop-pwa
• Product - Intershop Progressive Web App 0
• Overview - Intershop Progressive Web App
• Support Article - How To Deploy a PWA Demo Server in Production Mode

Deployment Steps

The development mode uses simple browser-side rendering. More details about this option, see Intershop Progressive Web App - Deployment Scenarios.

1. Check the system requirements for the PWA - see Overview - Intershop Progressive Web App System Requirements.

2. Download the corresponding PWA version from https://github.com/intershop/intershop-pwa/releases.
   

   Example

   wget https://github.com/intershop/intershop-pwa/archive/0.27.0.zip

3. Unzip the file.

   Example

   unzip 0.27.0.zip 

   PWA <0.22.0: The directory name must not contain any dots.

4. Change to the PWA directory.
   

   Example

   cd intershop-pwa

5. Install the PWA.

   npm install

6. Start the PWA.

   ng serve --host <host_ip> --port <port> 

   In the default configuration, the PWA runs with test data. If the PWA is to be connected to an ICM 7.10 system, the configuration file src/environments/environment.ts must be adapted. The property mockServerAPI must be set to false and icmBaseURL must be set to the correct ICM 7.10 URL.

   If icmBaseURL uses HTTPS,  the parameter --ssl must be added to the ng serve command.

   src/environments/environment.ts

   export const environment: Environment = {
     ...ENVIRONMENT_DEFAULTS,
     mockServerAPI: true,
   
     /* INTERSHOP COMMERCE MANAGEMENT REST API CONFIGURATION */
     icmBaseURL: 'http://localhost:4200',
   };

7. To access the PWA, open a web browser at the specified URL.

   Example

   ...
   ** Angular Live Development Server is listening on 10.0.56.157:4200, open your browser on http://10.0.56.157:4200/ **
   : Compiled successfully.