本指南逐步介紹如何向 Express.js 應(yīng)用程序添加 GrowthBook 功能標(biāo)志。它假設(shè)您從頭開始，因此如果您已經(jīng)有 Express.js 應(yīng)用程序，則可以跳到步驟 2。

1. 創(chuàng)建 Express.js 應(yīng)用程序

首先，安裝 Express.js

npm install express

然后，使用簡單的 hello world 路由創(chuàng)建一個(gè) 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}`)
})

最后，運(yùn)行應(yīng)用程序：

node index.js

訪問 http://localhost:3000 你應(yīng)該會(huì)看到一個(gè)“Hello World!”回復(fù)！

2. 創(chuàng)建一個(gè)GrowthBook賬戶

GrowthBook 可以自托管，但為了簡單起見，我們將在本指南中使用 GrowthBook Cloud，對(duì)于像這樣的簡單項(xiàng)目來說，它是免費(fèi)的。

如果您還沒有帳戶，請(qǐng)前往 https://app.growthbook.io 并創(chuàng)建一個(gè)新帳戶。

登錄后，創(chuàng)建 SDK 連接 并選擇 Node.js 作為語言。這將為您生成一個(gè)唯一的客戶端密鑰。記下此密鑰，因?yàn)槲覀儗⒃谙乱徊街惺褂盟?/p>

3. 將 GrowthBook JavaScript SDK 集成到 Express.js 應(yīng)用程序中

創(chuàng)建文件 .env（如果尚不存在）并在其中添加生成的密鑰：

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

現(xiàn)在讓我們安裝 GrowthBook JavaScript SDK

npm install @growthbook/growthbook

現(xiàn)在讓我們修改index.js文件的頂部并創(chuàng)建一個(gè)GrowthBookClient實(shí)例：

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 添加一個(gè)中間件，為每個(gè)請(qǐng)求創(chuàng)建一個(gè)用戶范圍的實(shí)例。確保將其放置在路由處理程序之上：

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();
});

讓我們重新啟動(dòng) Node 進(jìn)程，并確保您在控制臺(tái)中看到“GrowthBook 已初始化”消息并且狀態(tài)為成功。由于我們使用的是 .env 文件，因此我們需要修改命令來告訴 Node.js 加載它。

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

4. 在GrowthBook中創(chuàng)建一個(gè)特征

回到GrowthBook應(yīng)用程序，我們可以創(chuàng)建一個(gè)新功能。在本教程中，我們將制作一個(gè)簡單的開/關(guān)功能標(biāo)志，用于確定是否以西班牙語顯示消息。

我們選擇的鍵（西班牙語問候語）是我們?cè)谑褂?GrowthBook SDK 時(shí)將參考的鍵。

我們現(xiàn)在可以在index.js 中編輯路由以使用此標(biāo)志：

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

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

  res.send(message);
})

現(xiàn)在，如果您重新啟動(dòng) Node 進(jìn)程并在瀏覽器中刷新頁面，您仍然會(huì)看到原來的“Hello World!”因?yàn)楫?dāng)我們創(chuàng)建該功能時(shí)，我們默認(rèn)將其設(shè)置為關(guān)閉。

5. 針對(duì)特定用戶

現(xiàn)在我們可以向該功能添加規(guī)則，以便為特定用戶啟用它。

在我們添加的 userContext 中，我們硬編碼了一個(gè) id“123”。我們現(xiàn)在可以使用此 id 在 GrowthBook 中創(chuàng)建規(guī)則來為該用戶啟用該功能。

在功能頁面上，單擊“添加規(guī)則”按鈕并選擇“強(qiáng)制值”作為規(guī)則類型。然后按屬性添加定位并保存規(guī)則。它應(yīng)該看起來像這樣：

規(guī)則在 GrowthBook 中以草稿狀態(tài)開始。您需要發(fā)布草稿才能使其生效。

發(fā)布后，再次重啟Node進(jìn)程并刷新頁面。您現(xiàn)在應(yīng)該看到西班牙語的消息。 ?Qué bueno！

嘗試將 userContext 中的 id 更改為其他值，例如 456，重新啟動(dòng) Node，響應(yīng)現(xiàn)在將切換回英語。

結(jié)論和后續(xù)步驟

在本教程中，您學(xué)習(xí)了如何在 Express 應(yīng)用程序中使用簡單的功能標(biāo)志并定位個(gè)人用戶。但這僅僅觸及了 GrowthBook 功能的皮毛。

以下是您可以采取的后續(xù)步驟：

• 使用更高級(jí)的定位
• 運(yùn)行 A/B 測試

查看完整的 Node.js 文檔，了解有關(guān) GrowthBook SDK 中所有可用選項(xiàng)的更多信息，包括流式更新、持久緩存等。

以上是Express.js 和 GrowthBook 的功能標(biāo)志的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！