13.2. 使用专用服务向 Quick 访问卡提供数据

• 使用相同的服务向所有可配置的 Developer Hub 页面提供数据，或者为每个页面使用不同的服务。
• 使用 red-hat-developer-hub-customization-provider 作为示例服务，它为 Home 和 Tech Radar 页面提供数据。red-hat-developer-hub-customization-provider 服务提供与默认 Developer Hub 数据相同的数据。您可以从 GitHub 分叉 red-hat-developer-hub-customization-provider 服务存储库，并根据需要使用自己的数据进行修改。
• 在同一集群中部署 red-hat-developer-hub-customization-provider 服务和 Developer Hub Helm Chart。

先决条件

• 已使用 Helm Chart 安装 Red Hat Developer Hub。如需更多信息，请参阅使用 Helm Chart 在 OpenShift Container Platform 上安装 Red Hat Developer Hub。

验证

• 要查看该服务，进入 OpenShift Container Platform Web 控制台并点 Networking > Service。

  注意

  您还可以在 Topology 视图中查看 服务资源。

• 确保 Home 页面提供的 API URL 以 JSON 格式返回数据，如下例所示：

  [
    {
      "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"
        }
      ]
    }
  ]

  注意

  如果请求调用失败或未配置，Developer Hub 实例会返回默认的本地数据。

• 如果镜像或图标没有加载，那么通过将您的镜像或图标主机 URL 添加到自定义 ConfigMap 中的内容安全策略(csp) img-src 来列出它们，如下例所示：

  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