Express.js 和 GrowthBook 的功能标志-js教程-PHP中文网

Express.js 和 GrowthBook 的功能标志

Mary-Kate Olsen

发布： 2024-12-12 15:33:12

原创

762 人浏览过

本指南逐步介绍如何向 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应用程序，我们可以创建一个新功能。在本教程中，我们将制作一个简单的开/关功能标志，用于确定是否以西班牙语显示消息。

Feature Flags with Express.js and GrowthBook

我们选择的键（西班牙语问候语）是我们在使用 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!”因为当我们创建该功能时，我们默认将其设置为关闭。