>웹 프론트엔드 >JS 튜토리얼 >JSR에서 GrowthBook 발표

JSR에서 GrowthBook 발표

Barbara Streisand
Barbara Streisand원래의
2024-11-05 07:41:02884검색

Announcing GrowthBook on JSR

GrowthBook은 최신 플랫폼을 지원하고 고급 기능 플래그 지정 및 실험을 현재 위치에 제공하기 위해 최선을 다하고 있습니다. 최신 오픈 소스 JavaScript 레지스트리인 JSR에서 JavaScript 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 사용

GrowthBook을 Express 서버와 함께 사용해 보겠습니다. 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

기능 플래그, 실험 생성 및 실행, 실험 분석에 대해 자세히 알아보려면 공식 문서를 확인하세요.

다음은 무엇입니까?

이제 JSR에 있는 GrowthBook의 JS SDK를 사용하면 기능 플래그와 A/B 테스트의 강력한 기능을 모든 JavaScript 환경에 적용하는 것이 훨씬 더 쉬워집니다.

  • 최신 웹용으로 구축된 JavaScript 레지스트리인 JSR을 확인해 보세요.
  • 데노 블로그 공지사항을 읽어보세요.
  • GrowthBook의 JS SDK에 대해 자세히 알아보세요.

위 내용은 JSR에서 GrowthBook 발표의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.