2

我正在设置 LaunchDarkly 来控制我的第一个功能标志及其从服务器和客户端的正常工作。现在我正在尝试 LaunchDarkly Bootstrap 方法（来自下面给出的链接）并尝试如下我的代码，但它不接受双括号，我不知道如何使用引导方法获取标志值，所以我确实出错了在我的代码中？谁能帮我举个例子？

关联，

https://docs.launchdarkly.com/docs/js-sdk-reference#section-bootstrapping

使用 Bootstrap 选项初始化客户端，如下所示，

client = LDClient.initialize(sdkKey, userContext.user, options = {
        bootstrap: {
            {{ ldclient.all_flags(userContext.user) }}
       }
    });

还有我获取标志值的函数，

isFeatureEnabled: function (featureFlag, properties) {
        console.log("Before Variation");
        //we shall update the custom properties into user context.
        if (properties) {
            for (var k in properties) {
                userContext.user.custom[k] = properties[k];
            }
        }
        //later make the identity call to update the user details.
        client.identify(userContext.user, null, function () { /*rules updated*/
            console.log("New user's flags available");
            //validate the feature flag
            var showFeature = client.variation(featureFlag);
            if (!showFeature) {
                window.in8.platform.showUnauthorized('');
            }
            console.log("after Variation");
        });
    }
4

1 回答 1

6

完全披露，我的名字是约翰，我是 LaunchDarkly 支持团队的一员。我很乐意帮助你解决这个问题

首先，您似乎使用的是旧版本的引导示例。新示例修复了错字，并使用了新的 all_flags_state 方法。

我在这里看到两个主要问题。主要问题是如何引导从后端到前端的标志变化，以及如何在使用引导时适当地利用 LaunchDarkly。我将首先解决如何从后端引导标志变化的问题。

LaunchDarkly 文档中的示例利用模板将引导值包含到前端。模板化是一种在静态源文件或文本文件中包含以编程方式生成的内容的策略。模板通常在编译或部署代码时使用，或者在运行时向客户端提供内容时使用。这样做是为了在最终版本中呈现仅在当时可用的信息。

不同的模板语言以不同的方式表现，但一般来说，您在源文件或文本文件中包含标记，这些标记指示模板渲染器用您提供的数据替换该标记。

在文档中提到这个例子是使用 Ruby 进行模板化的，但是这个例子是使用 Mustache 渲染的，而且 Mustache 有许多不同的语言版本。模板化是一种在静态源文件或文本文件中包含以编程方式生成的内容的策略。这通常在编译或部署代码时使用，或者在运行时向客户端提供内容时使用。这样做是为了在最终版本中呈现仅在当时可用的信息。

该示例可能无法正常工作，具体取决于您使用的后端语言和框架。根据与您的问题相关的标签，我可以放心地假设您正在使用 .NET 来为您的后端提供动力，该后端没有规定的模板语言。不过，有许多开源解决方案。

在以下示例中，我将使用https://github.com/rexm/Handlebars.Net将用户引导的标志值呈现到result变量中。我将从车把存储库中的示例以及 LaunchDarklyhello-bootstrap和存储hello-dotnet库中借用可用的代码，这些代码可在此处获得：https ://github.com/launchdarkly/hello-bootstrap & https://github.com/launchdarkly /你好点网

string source =
@"
<html>
    <head>
        <script src=""https://app.launchdarkly.com/snippet/ldclient.min.js""></script>
        <script>
            window.ldBootstrap={{ldBootstrap}};
            window.ldClientsideId=""{{ldClientsideId}}"";
            window.ldUser={{ldUser}};
        </script>
    </head>
    <body>
        <h1>LaunchDarkly server-side bootstrap example</h1>
        <ul>
             <li><code>normal client</code>: <span class=""normal"">initializing…&lt;/span></li>
             <li><code>bootstrapped client</code>: <span class=""bootstrap"">initializing…&lt;/span></li>
        </ul>

        <script>
            var user = window.ldUser;
            console.log(`Clients initialized`);
            var client = LDClient.initialize(window.ldClientsideId, user);
            var bootstrapClient = LDClient.initialize(window.ldClientsideId, user, {
                bootstrap: window.ldBootstrap
            });
            client.on('ready', handleUpdateNormalClient);
            client.on('change', handleUpdateNormalClient);
            bootstrapClient.on('ready', handleUpdateBootstrapClient);
            bootstrapClient.on('change', handleUpdateBootstrapClient);
            function handleUpdateNormalClient(){
                console.log(`Normal SDK updated`);
                render('.normal', client);
            }
            function handleUpdateBootstrapClient(){
                console.log(`Bootstrapped SDK updated`);
                render('.bootstrap', bootstrapClient);
            }

            function render(selector, targetClient) {
                document.querySelector(selector).innerHTML = JSON.stringify(targetClient.allFlags(user), null, 2);
            }
        </script>
    </body>
</html>";

var template = Handlebars.Compile(source);

Configuration ldConfig = LaunchDarkly.Client.Configuration.Default("YOUR_SDK_KEY");
LdClient client = new LdClient(ldConfig);
User user = User.WithKey("bob@example.com")
    .AndFirstName("Bob")
    .AndLastName("Loblaw")
    .AndCustomAttribute("groups", "beta_testers");

var data = new {
    ldBootstrap: JsonConvert.SerializeObject(client.AllFlagsState(user)),
    ldUser = JsonConvert.SerializeObject(user),
    ldClientsideId = "YOUR_CLIENT_SIDE_ID"
};

var result = template(data);

您可以采用此示例并将其调整为在向用户提供页面时呈现您的静态源代码。

第二个问题是您如何使用 SDK。我看到您在每次评估您的用户之前都在调用 identify。每次调用确定 SDK 需要重新初始化。这意味着即使在引导您的初始变体之后，您仍将通过调用 identify 强制 SDK 重新初始化，从而消除引导的所有好处。作为解决方案，检测您的用户对象是否已更改。如果有，则调用识别。否则，请勿调用 identify 以便 SDK 使用缓存的用户属性。

如果您想更深入地研究这一点并为我们提供更多包装器的来源，您可以通过 support@launchdarkly.com 与我们联系

于 2018-11-26T23:34:48.993 回答