Support Article - How To Deploy a PWA Demo Server in Development Mode

Table of Contents

Product Version

0.17.0

Product To Version


Status

Introduction

Info

This support article is valid from PWA 0.17.0.

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

References

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.
Disclaimer

The information provided in the Knowledge Base may not be applicable to all systems and situations. Intershop Communications will not be liable to any party for any direct or indirect damages resulting from the use of the Customer Support section of the Intershop Corporate Web site, including, without limitation, any lost profits, business interruption, loss of programs or other data on your information handling system.

The Intershop Customer Support website uses only technically necessary cookies. We do not track visitors or have visitors tracked by 3rd parties.

Further information on privacy can be found in the Intershop Privacy Policy and Legal Notice.
Customer Support
Knowledge Base
Product Resources
Tickets