ホームページ  >  記事  >  ウェブフロントエンド  >  JSR で GrowthBook を発表

JSR で GrowthBook を発表

Barbara Streisand
Barbara Streisandオリジナル
2024-11-05 07:41:02802ブラウズ

Announcing GrowthBook on JSR

GrowthBook は、最新のプラットフォームをサポートし、高度な機能のフラグ設定と実験をお客様の現場に提供することに尽力しています。最新のオープンソース JavaScript レジストリである JSRJavaScript SDK が利用可能になったことを発表できることを嬉しく思います。この統合により、JavaScript と Typescript の開発者は、アプリケーションで機能フラグを実装および管理するためのシームレスなエクスペリエンスを得ることができます。

JSR は、JavaScript モジュールの公開とインポートのプロセスを簡素化し、TypeScript サポート、自動生成ドキュメント、来歴証明によるセキュリティ強化などの堅牢な機能を提供します。このコラボレーションにより、GrowthBook ユーザーにこれらのメリットがもたらされ、開発ワークフローにおける機能フラグの統合と利用が合理化されます。

JSR 経由で GrowthBook JS SDK を使用すると、一流の TypeScript サポート、コード エディターでアクセスできる自動生成ドキュメントなど、優れた開発者エクスペリエンスが提供されます。

JSR から GrowthBook をインストールする方法

deno add コマンドを使用して GrowthBook を開始します:

deno add jsr:@growthbook/growthbook

または npm を使用します:

npx jsr add @growthbook/growthbook

上記のコマンドは、すべてのプロジェクトの依存関係をリストした deno.json ファイルを生成します。

{
  "imports": {
    "@growthbook/growthbook": "jsr:@growthbook/growthbook@0.1.2"
  }
}

deno.json

Express で GrowthBook を使用する

Express サーバーで GrowthBook を使用してみましょう。 main.ts ファイルでは、次のように記述できます。

import express from "express";
import { GrowthBook } from "@growthbook/growthbook";

const app = express();

// Example using Express
app.use(function (req, res, next) {
  // Create a GrowthBook instance and store in the request
  req.growthbook = new GrowthBook({
    apiHost: "<https://cdn.growthbook.io>",
    clientKey: "sdk-qtIKLlwNVKxdMIA5",
  });

  // TODO: Add user targeting attributes from cookies, headers, etc.
  req.growthbook.setAttributes({
    id: req.user?.id,
  });

  // Clean up at the end of the request
  res.on("close", () => req.growthbook.destroy());

  // Wait for features to load (will be cached in-memory for future requests)
  req.growthbook.init({ timeout: 1000 }).then(() => next());
});

app.get("/", (req, res) => {
  const gb = req.growthbook;

  // Boolean on/off flag
  if (gb.isOn("my-boolean-feature")) {
    res.send("Hello, boolean-feature!");
  }

  // String/Number/JSON flag
  const value = gb.getFeatureValue("my-string-feature", "fallback");

  res.send(`Hello, ${value}!`);
});

console.log("Listening on port 8000");
app.listen(8000);

最後に、次のコマンドを実行して実行できます。

deno -A main.ts

GrowthBook での機能フラグの設定 (無料でサインアップ) に応じて、応答は異なります:

Announcing GrowthBook on JSR

機能フラグ、実験の作成と実行、実験の分析について詳しくは、公式ドキュメントをご覧ください。

次は何でしょうか?

GrowthBook の JS SDK が JSR 上に追加されたことで、機能フラグと A/B テストの機能をあらゆる JavaScript 環境に導入することがさらに簡単になりました。

  • 最新の Web 用に構築された JavaScript レジストリである JSR をチェックしてください。
  • Deno のブログで発表を読んでください。
  • GrowthBook の JS SDK の詳細をご覧ください。

以上がJSR で GrowthBook を発表の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。