Giter VIP home page Giter VIP logo

hippo-demo-spa-integration's Introduction

SPA++ Integration Demo Project for Hippo CMS and BloomReach Experience

Provides a seamless SPA++ integration demo for Hippo CMS and BloomReach Experience. For details on SPA++, see SPA++ for Seamless SPA Integration Experiences.

Also, this demo project contains reusable React SPA example code and libaries. For details on React Demo, see About React Demo.

Version Compatibility

Demo Version Hippo CMS Version
1.0.x 12.3.x

Check Hippo CMS Release Notes.

Build Demo CMS project

Note: If you are a developer and want to build with SNAPSHOT version in develop branch, then you should append -Dhippo.snapshots in each Maven command shown below.

There are two editions: (a) Community Edition and (b) Enterprise Edition.

Demo CMS project community edition shows how SPAs can be integrated in Delivery tier.

Demo CMS project enterprise edition shows how SPAs can be integrated in Channel Manager in addition.

Each edition is differentiated by the project's parent POM dependency. So, before building CMS project, you need to build/install a proper parent POM project first as instructed below.

Build Demo CMS Project community edition

First, build/install Demo CMS project community edition's parent POM project like the following:

$ mvn -f parent-pom/community/pom.xml install

Second, build Demo CMS project community edition like the following:

$ mvn clean verify

Build the Demo CMS Project enterprise edition

First, build/install Demo CMS project enterprise edition's parent POM project like the following:

$ mvn -f parent-pom/enterprise/pom.xml install

Second, build Demo CMS project enterprise edition with -Denterprise system property like the following:

$ mvn clean verify -Denterprise

The -Denterprise system property lets it pull in all the necessary enterprise modules.

Run Demo CMS project

Build and install the demo like the following:

    $ mvn -P cargo.run

Run Demo React app

To install and start the React application using Yarn, run the following commands (you can skip yarn install if you have ever installed the dependencies before):

$ cd spa/react
$ yarn install
$ yarn start

You should now be able to access the React app in delivery tier at http://localhost:8080/site/ or http://localhost:3000.

(Enterprise Edition Only) Test Channel Manager Integration

If you build and run Demo CMS project enterprise edition, then visit the Channel Manager by selecting Channels perspective after logging in CMS at http://localhost:8080/cms/, and select the default channel to manage.

You will be able to set component parameters, add, remove or drag&drop components in SPA.

(For Project Maintainers Only) Tagging Process

For tagging processes, follow Hippo Forge Release Process and the principles mentioned there with the following exceptions:

  • When bumping up project versions, bump up the versions for both parent-pom/community and parent-pom/enterprise as well.
  • Also, bump up the parent element's version in the root pom.xml as it points to either parent pom dependency in the previous step.
  • As this project is just a demo, do not deploy to Maven repositories.

hippo-demo-spa-integration's People

Contributors

woonsanko avatar robbertkauffman avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.