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

1. 建立 Express.js 應(yīng)用程式

首先，安裝 Express.js

npm install express

然後，使用簡單的 hello world 路由建立一個(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}`)
})

最後，執(zhí)行應(yīng)用程式：

node index.js

訪問 http://localhost:3000 你應(yīng)該會(huì)看到一個(gè)「Hello World!」回覆！

2. 建立一個(gè)GrowthBook帳戶

GrowthBook 可以自架，但為了簡單起見，我們將在本指南中使用 GrowthBook Cloud，對(duì)於像這樣的簡單專案來說，它是免費(fèi)的。

如果您還沒有帳戶，請(qǐng)前往 https://app.growthbook.io 並建立新帳戶。

登入後，建立 SDK 連線 並選擇 Node.js 作為語言。這將為您產(chǎn)生一個(gè)唯一的客戶端金鑰。記下此密鑰，因?yàn)槲覀儗⒃谙乱徊街惺褂盟?

3. 將 GrowthBook JavaScript SDK 整合到 Express.js 應(yīng)用程式中

建立檔案 .env（如果尚不存在）並在其中新增產(chǎn)生的金鑰：

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

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

npm install @growthbook/growthbook

現(xiàn)在讓我們修改index.js檔案的頂部並建立一個(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)求建立一個(gè)使用者範(fàn)圍的實(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中建立一個(gè)特徵

回到GrowthBook應(yī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)我們建立該功能時(shí)，我們預(yù)設(shè)將其設(shè)為關(guān)閉。

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

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

在我們新增的 userContext 中，我們硬編碼了一個(gè) id「123」。我們現(xiàn)在可以使用此 id 在 GrowthBook 中建立規(guī)則來為該使用者啟用該功能。

在功能頁面上，按一下「新增規(guī)則」按鈕並選擇「強(qiáng)制值」作為規(guī)則類型。然後按屬性新增定位並儲(chǔ)存規(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é)中，您學(xué)習(xí)如何在 Express 應(yīng)用程式中使用簡單的功能標(biāo)誌並定位個(gè)人使用者。但這僅僅觸及了 GrowthBook 功能的皮毛。

以下是您可以採取的後續(xù)步驟：

• 使用更進(jìn)階的定位
• 運(yùn)行 A/B 測(cè)試

查看完整的 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)文章！