Deploying CDP Admin UI

Prerequisites:

Make sure to create the UI secret with required data in the HashiCorp vault before deploying the CDP admin UI.

To create the UI secret in the HashiCorp Vault, follow the steps below:

1. Create a UI secret sample key and value in the UI secret shown below, and update the actual values.

   {
     "AKAMAI_HOST": "",
     "AKAMAI_KEY": "",
     "AKAMAI_KEY_NAME": "",
     "AKAMAI_PATH": "",
     "AKAMAI_PURGE_AUTH_KEY": "",
     "API_KEY_1": "",
     "API_KEY_2": "",
     "API_KEY_3": "",
     "API_KEY_4": "",
     "API_KEY_5": "",
     "API_KEY_6": "",
     "API_SECRET_1": "",
     "API_SECRET_2": "",
     "API_SECRET_3": "",
     "API_SECRET_4": "",
     "API_SECRET_5": "",
     "API_SECRET_6": "",
     "AUTH_TOKEN": "",
     "NEXT_PUBLIC_CLIENT_ID": "",
     "NEXT_PUBLIC_CLIENT_SECRET": "",
     "NEXT_PUBLIC_FROALA_SECRET": "",
     "NEXT_PUBLIC_GOOGLE_CLIENT_ID": "",
     "NEXT_PUBLIC_GOOGLE_CLIENT_SECRET": "",
     "NEXT_PUBLIC_RECAPTCHA_KEY": "",
     "REACT_APP_CLIENT_ID": "",
     "REACT_APP_S3_ACCESS_KEY_ID": "",
     "REACT_APP_S3_SECRET_KEY": "",
     "auAuthKey": "",
     "auEndpoint": "",
     "host": "",
     "muAuthKey": "",
     "muEndpoint": "",
     "password": "",
     "sesEmail": "",
     "sesPassword": "",
     "smtpFrom": "",
     "smtpHost": "",
     "smtpPassword": "",
     "smtpPort": "",
     "smtpUser": "",
     "usAuthKey": "",
     "usEndpoint": "",
     "user": ""
   }
   

2. Create a Kubernetes Secret with Vault credentials to fetch the secrets from the vault.

   apiVersion: v1
   kind: Secret
   metadata:
     name: vault-creds
     namespace: cdp-dev-app
   type: Opaque
   data:
     username: <vault username>
     password: <vault password>
   

3. Create separate service account say cdp-dev-app-sa, with appropriate roles and permissions, and update ConfigMaps data with actual values.

Deploying CDP Admin UI

To deploy the CDP admin UI, follow the steps below:

1. Navigate to the Devtron Chart Store, and select the cdp-admin-ui chart to deploy.

   

2. Now, configure and deploy the admin UI charts.

   

3. In the YAML section, update the ConfigMap using below details and deploy the charts.

   REACT_APP_ADMIN_UI_BACKEND: <ADMIN_UI_BACKEND_URL>
   REACT_APP_BYPASS_GOOGLE_OAUTH: "0"
   REACT_APP_CAMPAIGN_ID: <VIZVRM6053>
   REACT_APP_REST_API: '""'

   

4. On successful deployment, validate the deployment as shown below.