Express.js 및 GrowthBook의 기능 플래그

이 가이드는 Express.js 애플리케이션에 GrowthBook 기능 플래그를 추가하는 방법을 안내합니다. 처음부터 시작한다고 가정하므로 이미 Express.js 애플리케이션이 있는 경우 2단계로 건너뛸 수 있습니다.

1. Express.js 앱 만들기

먼저 Express.js를 설치하세요

npm install express

그런 다음 간단한 hello world 경로를 사용하여 index.js 파일을 만듭니다

const express = require('express')
const app = express()

app.get('/', (req, res) => {
  res.send('Hello World!')
})

// Listen on port 3000
const port = 3000
app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

마지막으로 다음을 사용하여 앱을 실행합니다.

node index.js

http://localhost:3000을 방문하면 "Hello World!"가 표시됩니다. 반응!

2. GrowthBook 계정 만들기

GrowthBook은 자체 호스팅이 가능하지만 단순화를 위해 이 가이드에서는 이와 같은 간단한 프로젝트에 무료로 제공되는 GrowthBook Cloud를 사용하겠습니다.

아직 계정이 없다면 https://app.growthbook.io에 접속해 새 계정을 만드세요.

로그인한 후 SDK 연결을 만들고 언어로 Node.js를 선택하세요. 그러면 고유한 클라이언트 키가 생성됩니다. 다음 단계에서 사용할 것이므로 이 키를 기록해 두십시오.

3. GrowthBook JavaScript SDK를 Express.js 앱에 통합하세요.

아직 존재하지 않는 경우 .env 파일을 생성하고 생성된 키를 여기에 추가하세요.

GROWTHBOOK_API_HOST=https://cdn.growthbook.io
GROWTHBOOK_CLIENT_KEY=

이제 GrowthBook JavaScript SDK를 설치해 보겠습니다

npm install @growthbook/growthbook

이제 index.js 파일의 상단을 수정하고 GrowthBookClient 인스턴스를 생성해 보겠습니다.

const express = require('express')
const app = express()
const { GrowthBookClient } = require("@growthbook/growthbook")

// GrowthBookClient instance
const client = new GrowthBookClient({
  apiHost: process.env.GROWTHBOOK_API_HOST,
  clientKey: process.env.GROWTHBOOK_CLIENT_KEY
});

// Initialize it
client.init().then((status) => {
  console.log("GrowthBook initialized", status);
});

모든 요청에 ​​대해 사용자 범위 인스턴스를 생성하는 미들웨어를 index.js에 추가해 보겠습니다. 이것을 경로 핸들러 위에 배치하십시오:

app.use((req, res, next) => {
  // Attributes about the current user/request
  const userContext = {
    attributes: {
      // In a real app this would come from a cookie or session
      // We would also add more attributes like country, etc
      id: "123",
    }
  }

  // Make this available to all subsequent route handlers
  req.growthbook = client.createScopedInstance(userContext);
  next();
});

Node 프로세스를 다시 시작하고 콘솔에 "GrowthBook 초기화됨" 메시지가 표시되고 상태가 성공인지 확인합니다. .env 파일을 사용하고 있으므로 Node.js에 파일을 로드하도록 명령을 수정해야 합니다.

node --env-file=.env index.js

4. GrowthBook에서 기능 생성

GrowthBook 애플리케이션으로 돌아가서 새로운 기능을 만들 수 있습니다. 이 튜토리얼에서는 메시지를 스페인어로 표시할지 여부를 결정하는 간단한 켜기/끄기 기능 플래그를 만들어 보겠습니다.

저희가 선택한 키(spanish-greeting)는 GrowthBook SDK 사용 시 참고할 내용입니다.

이제 index.js에서 경로를 편집하여 이 플래그를 사용할 수 있습니다.

app.get('/', (req, res) => {
  let message = "Hello World!";

  if (req.growthbook.isOn("spanish-greeting")) {
    message = "Hola Mundo!";
  }

  res.send(message);
})

이제 Node 프로세스를 다시 시작하고 브라우저에서 페이지를 새로 고치면 원래의 "Hello World!"가 계속 표시됩니다. 기능을 만들 때 기본적으로 꺼짐으로 설정되어 있기 때문입니다.

5. 특정 사용자 타겟팅

이제 특정 사용자에 대해 기능을 활성화하는 규칙을 추가할 수 있습니다.

추가한 userContext에 "123"이라는 ID를 하드 코딩했습니다. 이제 이 ID를 사용하여 GrowthBook에서 이 사용자에 대한 기능을 활성화하는 규칙을 생성할 수 있습니다.

기능 페이지에서 '규칙 추가' 버튼을 클릭하고 규칙 유형으로 '강제 값'을 선택하세요. 그런 다음 속성별 타겟팅을 추가하고 규칙을 저장합니다. 다음과 같아야 합니다.

규칙은 GrowthBook의 초안 상태에서 시작됩니다. 초안을 게시하여 게시해야 합니다.

게시 후 Node 프로세스를 다시 한 번 다시 시작하고 페이지를 새로고침하세요. 이제 스페인어로 된 메시지가 표시됩니다. ¡케 부에노!

userContext의 ID를 456과 같은 다른 것으로 변경하고 Node를 다시 시작하면 응답이 이제 영어로 다시 전환됩니다.

결론 및 다음 단계

이 튜토리얼에서는 Express 앱에서 간단한 기능 플래그를 사용하고 개별 사용자를 대상으로 하는 방법을 배웠습니다. 그러나 이것은 GrowthBook으로 할 수 있는 작업의 표면적인 부분에 불과합니다.

다음 단계는 다음과 같습니다.

• 더욱 고급 타겟팅 사용
• A/B 테스트 실행

스트리밍 업데이트, 영구 캐싱 등을 포함하여 GrowthBook SDK에서 사용할 수 있는 모든 옵션에 대한 자세한 내용은 전체 Node.js 문서를 확인하세요.

위 내용은 Express.js 및 GrowthBook의 기능 플래그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!