LaunchDarkly Bootstrapping：（JS）属性预期分配

Question

我正在设置 LaunchDarkly 以控制我的第一个功能标志及其在服务器和客户端的正常工作。现在我正在尝试 LaunchDarkly Bootstrap 方法（从下面给出的 Link）并尝试像下面我的代码一样，但它不接受双括号而且我不知道如何通过使用 bootstrap 方法，所以我的代码哪里出错了？。谁能帮我举个例子吗？

Link,

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");
        });
    }

Answer 1

完全公开，我叫约翰，我是 LaunchDarkly 支持团队的一员。我很乐意帮助您解决这个问题

首先，您使用的似乎是旧版本的 bootstrapping 示例。新示例修复了拼写错误，并使用了新的 all_flags_state 方法。

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

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

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

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

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

在下面的例子中我将使用https://github.com/rexm/Handlebars.Net to render the a users bootstrapped flag values into the result variable. I am going to borrow code available from the example in the handle bars repo, and from LaunchDarkly's hello-bootstrap and hello-dotnet repos, which are available here: https://github.com/launchdarkly/hello-bootstrap & https://github.com/launchdarkly/hello-dotnet

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…</span></li>
             <li><code>bootstrapped client</code>: <span class=""bootstrap"">initializing…</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。每次调用 identify SDK 都需要重新初始化。这意味着即使在 bootstrapping 您的初始变体之后，您仍将通过调用 identify 强制 SDK 重新初始化，从而消除 bootstrapping 的所有优势。作为解决方案，检测您的用户对象是否已更改。如果有，则调用识别。否则不调用identify，SDK使用缓存的用户属性。

如果您想更深入地了解这一点并向我们提供更多包装器的源代码，您可以通过 support@launchdarkly.com

与我们联系

LaunchDarkly Bootstrapping：（JS）属性预期分配

LaunchDarkly Bootstrapping: (JS) Property Assignment Expected

javascript

launchdarkly

LaunchDarkly Bootstrapping：（JS）属性 预期分配

LaunchDarkly Bootstrapping: (JS) Property Assignment Expected

javascript

launchdarkly

LaunchDarkly Bootstrapping：（JS）属性预期分配