如何將多個 Launchdarkly 項目集成到單個 React 應用程序中

Question

Launchdarkly 的 react web 文檔有一個簡單示例，說明如何開始使用單個項目的功能標志。

import { asyncWithLDProvider } from 'launchdarkly-react-client-sdk';

(async () => {
  const LDProvider = await asyncWithLDProvider({
    clientSideID: 'client-side-id-123abc',
    user: {
      "key": "user-key-123abc",
      "name": "Sandy Smith",
      "email": "sandy@example.com"
    },
    options: { /* ... */ }
  });

  render(
    <LDProvider>
      <YourApp />
    </LDProvider>,
    document.getElementById('reactDiv'),
  );
})();

但是，如果我想集成來自多個 LD 項目的功能標志（即多個clientSideID值）怎么辦？單個提供者可能嗎？

我嘗試使用相同的用戶但不同的客戶端 ID 設置多個提供商，但這沒有用。 我只能從包裝應用程序的最內層提供程序訪問功能標志。 clientSideID值當然在這里被模擬。

import { asyncWithLDProvider } from 'launchdarkly-react-client-sdk';

(async () => {
  const LDProvider1 = await asyncWithLDProvider({
    clientSideID: 'client-side-id-123abc',
    user: {
      "key": "user-key-123abc",
      "name": "Sandy Smith",
      "email": "sandy@example.com"
    },
  });

  const LDProvider2 = await asyncWithLDProvider({
    clientSideID: 'client-side-id-zzzzzz',
    user: {
      "key": "user-key-123abc",
      "name": "Sandy Smith",
      "email": "sandy@example.com"
    },
  });

  render(
    <LDProvider1>
    <LDProvider2>
      <YourApp />
    </LDProvider2>
    </LDProvider1>,
    document.getElementById('reactDiv'),
  );
})();

Answer 1

現在，似乎只在 Android、iOS 和 React Native 中支持使用多個 LDClient 實例和單獨的鍵

https://docs.launchdarkly.com/sdk/features/multiple-environments

免責聲明：我在 Statsig 工作，這是一個功能標記和實驗平台