13.2. Using a dedicated service to provide data to the Quick access card

• Use the same service to provide the data to all configurable Developer Hub pages or use a different service for each page.
• Use the red-hat-developer-hub-customization-provider as an example service, which provides data for both the Home and Tech Radar pages. The red-hat-developer-hub-customization-provider service provides the same data as default Developer Hub data. You can fork the red-hat-developer-hub-customization-provider service repository from GitHub and modify it with your own data, if required.
• Deploy the red-hat-developer-hub-customization-provider service and the Developer Hub Helm chart on the same cluster.

Prerequisites

• You have installed the Red Hat Developer Hub using Helm chart. For more information, see Installing Red Hat Developer Hub on OpenShift Container Platform with the Helm chart.

Verification

• To view the service, go to the OpenShift Container Platform web console and click Networking > Service.

  注意

  You can also view Service Resources in the Topology view.

• Ensure that the provided API URL for the Home page returns the data in JSON format as shown in the following example:

  [
    {
      "title": "Dropdown 1",
      "isExpanded": false,
      "links": [
        {
          "iconUrl": "https://imagehost.com/image.png",
          "label": "Dropdown 1 Item 1",
          "url": "https://example.com/"
        },
        {
          "iconUrl": "https://imagehost2.org/icon.png",
          "label": "Dropdown 1 Item 2",
          "url": ""
        }
      ]
    },
    {
      "title": "Dropdown 2",
      "isExpanded": true,
      "links": [
        {
          "iconUrl": "http://imagehost3.edu/img.jpg",
          "label": "Dropdown 2 Item 1",
          "url": "http://example.com"
        }
      ]
    }
  ]

  注意

  If the request call fails or is not configured, the Developer Hub instance falls back to the default local data.

• If the images or icons do not load, then allowlist them by adding your image or icon host URLs to the content security policy (csp) img-src in your custom ConfigMap as shown in the following example:

  kind: ConfigMap
  apiVersion: v1
  metadata:
    name: app-config.yaml
  data:
    app-config.yaml: |
      app:
        title: Red Hat Developer Hub
      backend:
        csp:
          connect-src:
            - "'self'"
            - 'http:'
            - 'https:'
          img-src:
            - "'self'"
            - 'data:'
            - <image host url 1>
            - <image host url 2>
            - <image host url 3>
      # Other Configurations