LaunchDarkly Bootstrapping:(JS)预期的财产分配

Question

LaunchDarkly Bootstrapping:(JS)预期的财产分配

我正在设置LaunchDarkly来控制我的第一个功能标志,它在服务器和客户端的工作正常.现在我正在尝试LaunchDarkly Bootstrap方法(从下面给出的链接)并尝试下面我的代码,但它不接受双括号,我不知道如何通过使用bootstrap方法获得标志值,所以我做错了在我的代码？有谁可以帮我举个例子？

链接,

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

Run Code Online (Sandbox Code Playgroud)

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

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

Run Code Online (Sandbox Code Playgroud)

我的函数获取标志值,

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

Run Code Online (Sandbox Code Playgroud)

Answer 1

Joh*_*ead 5

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

首先,您似乎使用的是较旧版本的自举示例.新示例有一个拼写错误修复,并使用新的all_flags_state方法.

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

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

不同的模板语言以不同的方式运行,但一般来说,您在源文件或文本文件中包含令牌,这些令牌指示模板渲染器将该令牌替换为您提供的数据.

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

根据您使用的后端语言和框架,该示例可能不起作用.根据与您的问题相关的标签,我可以安全地假设您使用.NET来支持后端,后端没有规定的模板语言.不过,有许多开源解决方案.

在下面的示例中,我将使用https://github.com/rexm/Handlebars.Net将用户引导的标志值呈现到result变量中.我将借用handle bar repo中的示例以及LaunchDarkly hello-bootstrap和hello-dotnetrepos提供的代码,这些代码可以在这里找到:https://github.com/launchdarkly/hello-bootstrap&https://github.com/launchdarkly /你好,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);

Run Code Online (Sandbox Code Playgroud)

您可以采用此示例并对其进行调整,以便在向用户提供页面时呈现静态源代码.

第二个问题是您如何使用SDK.我发现在每次评估您的用户之前,您都在调用身份识别.每次调用识别时,SDK都需要重新初始化.这意味着即使在引导您的初始变体后,您也会强制SDK通过调用identify重新初始化,从而消除bootstrapping的所有好处.作为解决方案,检测您的用户对象是否已更改.如果有,则调用识别.否则,请不要调用标识,以便SDK使用缓存的用户属性.

如果您想深入了解这个并为我们提供更多的包装材料来源,您可以通过support@launchdarkly.com与我们联系.

归档时间：	6 年，11 月前
查看次数：	345 次
最近记录：	6 年，7 月前