个人中心
gpt4 book ai didi

javascript - LaunchDarkly 引导 : (JS) Property Assignment Expected

转载 作者：行者123 更新时间：2023-11-29 16:33:34 25 4
gpt4 key购买 nike

我正在设置 LaunchDarkly 以控制我的第一个功能标志及其在服务器和客户端的正常工作。现在我正在尝试 LaunchDarkly Bootstrap 方法(来自下面给出的链接)并尝试像下面我的代码一样，但它不接受双括号而且我不知道如何通过使用 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");
        });
    }

最佳答案

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

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

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

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

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

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

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

在下面的示例中，我将使用 https://github.com/rexm/Handlebars.Net将用户引导标志值呈现到 result 变量中。我将从 handle bars 存储库中的示例以及 LaunchDarkly 的 hello-bootstrap 和 hello-dotnet 存储库中借用代码，这些代码可在此处获得: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 都需要重新初始化。这意味着即使在引导您的初始变体之后，您也将通过调用 identify 强制 SDK 重新初始化，从而消除引导的所有好处。作为解决方案，检测您的用户对象是否已更改。如果有，则调用识别。否则不调用identify，SDK会使用缓存的用户属性。

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

关于javascript - LaunchDarkly 引导 : (JS) Property Assignment Expected，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53416842/

25 4 0
文章推荐： mysql - 如何在表中加载动态 XML 数据
文章推荐： google-chrome - 本地主机在 Chrome 中无法工作，127.0.0.1 可以工作
文章推荐： android - Android 应用程序中的 Google 登录现在无法正常工作
文章推荐： mysql - 查询 : Count how many times a parameter in one table does not exist in another
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com