onecx-product-store-ui

OneCX Product Store UI

What is the Product Store?

OneCX Product Store refers to the systematic process of creating, editing and managing OneCX products and apps.

Overview

OneCX Product Store is a comprehensive solution for managing Help items for OneCX products in a user-friendly and efficient manner. In this document we are only referring to the User Interface (UI) of the OneCX Product Store.

The UI for this Product Store component is designed to provide an intuitive and user-friendly experience for managing Help items in the cloud-native environment built with Quarkus.

Getting Started

To start developing the OneCX Product Store UI, you need to set up your local development environment. It’s recommended that you use WSL as the runtime for your application, as shown in the figure below. If you are using a different runtime, please check that you meet the requirements below.

Prerequisites

Before you begin, ensure you have the following installed:

  • Java Development Kit (JDK) version 17

  • Maven build tool

  • Git

  • Docker + Docker Compose

  • Windows Subsystem for Linux (WSL) - recommended

  • NodeJS

Clone the Repository

Start by cloning the required repositories to your local machine using the following command:

git clone https://github.com/onecx/onecx-product-store-ui.git
git clone https://github.com/onecx/help-dev.git

The repository onecx-product-store contains the source code of the OneCX Product Store product. The repository onecx-product-store-ui contains the source code of the OneCX Product Store UI as part of the product.

Update local DNS resolution

Assuming you are using WSL, updating the local host file for local development allows you to map domain names to specific IP addresses, making it easier to test and debug applications using custom domain names instead of IP addresses. To enable multiple services on the same port, we use traefik as a reverse proxy. A running traefik container is therefore essential for your local setup to route your traffic to the appropriate Docker containers based on hostnames.

It is recommended that the WSL host file and the Windows host file are aligned. Unless you have disabled this behaviour, the WSL host file will be automatically generated from the Windows host file when WSL is restarted.

Update Windows host file

Open the file C:\Windows\System32\drivers\etc\hosts in your favorite editor and add the following entries:

127.0.0.1       postgresdb
127.0.0.1       keycloak-app
127.0.0.1       traefik
127.0.0.1       onecx-product-store-ui
127.0.0.1       onecx-product-store-bff
127.0.0.1       onecx-product-store-svc
Update WSL host file

If needed, update the file \etc\hosts in your favorite Linux editor and add the same entries like above.

Starting OneCX dependencies

In a local development environment, Docker Compose is used to define and manage multiple containers as a single application stack. It enables developers to easily start, stop, and configure all the necessary services and dependencies required by OneCX Product Store Management using a simple configuration file.

mkdir onecx-product-store
cd onecx-product-store
docker compose up -d traefik postgresdb pgadmin keycloak-app

  • traefik: Traefik is an ingress controller for Kubernetes deployments that enables dynamic traffic routing and load balancing based on defined rules and configurations.

  • postgresdb: PostgreSQL is an open-source relational database management system. It is used as persistence layer for storing and managing data of OneCX products, providing reliability and scalability.

  • pgadmin: pgAdmin is an open-source administration and development platform that offers a user-friendly graphical interface for managing and interacting with the local PostgreSQL database. This is optional.

  • keycloak: Keycloak is an open-source identity and access management system that simplifies authentication, authorization, and single sign-on for web and mobile applications.