Feature-Flags mit Express.js und GrowthBook

In dieser Anleitung erfahren Sie, wie Sie GrowthBook-Feature-Flags zu einer Express.js-Anwendung hinzufügen. Es wird davon ausgegangen, dass Sie bei Null anfangen. Wenn Sie also bereits über eine Express.js-Anwendung verfügen, können Sie mit Schritt 2 fortfahren.

1. Erstellen Sie eine Express.js-App

Installieren Sie zunächst Express.js

npm install express

Erstellen Sie dann eine index.js-Datei mit einer einfachen Hallo-Welt-Route

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}`)
})

Zum Schluss führen Sie die App aus mit:

node index.js

Besuchen Sie http://localhost:3000 und Sie sollten ein „Hello World!“ sehen. Antwort!

2. Erstellen Sie ein GrowthBook-Konto

GrowthBook kann selbst gehostet werden, aber der Einfachheit halber verwenden wir in diesem Leitfaden GrowthBook Cloud, das für einfache Projekte wie dieses kostenlos ist.

Gehen Sie zu https://app.growthbook.io und erstellen Sie ein neues Konto, falls Sie noch keins haben.

Sobald Sie angemeldet sind, erstellen Sie eine SDK-Verbindung und wählen Sie Node.js als Sprache aus. Dadurch wird ein eindeutiger Kundenschlüssel für Sie generiert. Notieren Sie sich diesen Schlüssel, da wir ihn im nächsten Schritt verwenden werden.

3. Integrieren Sie das GrowthBook JavaScript SDK in die Express.js-App

Erstellen Sie die Datei .env, falls sie noch nicht existiert, und fügen Sie dort den generierten Schlüssel hinzu:

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

Jetzt installieren wir das GrowthBook JavaScript SDK

npm install @growthbook/growthbook

Ändern wir nun den Anfang der Datei index.js und erstellen wir eine GrowthBookClient-Instanz:

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

Fügen wir index.js auch eine Middleware hinzu, die für jede Anfrage eine benutzerbezogene Instanz erstellt. Stellen Sie sicher, dass Sie dies über den Routenhandlern platzieren:

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

Lassen Sie uns den Node-Prozess neu starten und sicherstellen, dass in der Konsole die Meldung „GrowthBook initialisiert“ angezeigt wird und der Status „Erfolgreich“ lautet. Da wir eine .env-Datei verwenden, müssen wir den Befehl ändern, um Node.js anzuweisen, sie zu laden.

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

4. Erstellen Sie eine Funktion in GrowthBook

Zurück in der GrowthBook-Anwendung können wir eine neue Funktion erstellen. Für dieses Tutorial erstellen wir ein einfaches Ein-/Aus-Funktionsflag, das bestimmt, ob die Nachricht auf Spanisch angezeigt wird oder nicht.

Der von uns gewählte Schlüssel (Spanisch-Gruß) ist der Schlüssel, auf den wir uns bei der Verwendung des GrowthBook SDK beziehen werden.

Wir können jetzt die Route in index.js bearbeiten, um dieses Flag zu verwenden:

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

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

  res.send(message);
})

Wenn Sie nun den Node-Prozess neu starten und die Seite im Browser aktualisieren, wird weiterhin das ursprüngliche „Hello World!“ angezeigt. Denn als wir die Funktion erstellt haben, haben wir sie standardmäßig auf „Aus“ gesetzt.

5. Sprechen Sie bestimmte Benutzer an

Jetzt können wir der Funktion Regeln hinzufügen, um sie für bestimmte Benutzer zu aktivieren.

In dem von uns hinzugefügten userContext haben wir die ID „123“ fest codiert. Mit dieser ID können wir nun eine Regel in GrowthBook erstellen, um die Funktion für diesen Benutzer zu aktivieren.

Klicken Sie auf der Funktionsseite auf die Schaltfläche „Regel hinzufügen“ und wählen Sie „Wert erzwingen“ als Regeltyp aus. Fügen Sie dann das Targeting nach Attribut hinzu und speichern Sie die Regel. Es sollte ungefähr so ​​aussehen:

Regeln beginnen in GrowthBook im Entwurfszustand. Sie müssen den Entwurf veröffentlichen, um ihn live zu schalten.

Starten Sie nach der Veröffentlichung den Node-Prozess noch einmal neu und aktualisieren Sie die Seite. Die Nachricht sollte nun auf Spanisch angezeigt werden. ¡Qué bueno!

Versuchen Sie, die ID in userContext in etwas anderes wie 456 zu ändern, Node neu zu starten, und die Antwort wechselt jetzt wieder auf Englisch.

Fazit und nächste Schritte

In diesem Tutorial haben Sie gelernt, wie Sie ein einfaches Feature-Flag in einer Express-App verwenden und einzelne Benutzer ansprechen. Aber das kratzt kaum an der Oberfläche dessen, was Sie mit GrowthBook tun können.

Hier sind ein paar nächste Schritte, die Sie unternehmen können:

• Verwenden Sie erweitertes Targeting
• Führen Sie A/B-Tests durch

Weitere Informationen zu allen im GrowthBook SDK verfügbaren Optionen, einschließlich Streaming-Updates, persistentem Caching und mehr, finden Sie in den vollständigen Node.js-Dokumenten.

Das obige ist der detaillierte Inhalt vonFeature-Flags mit Express.js und GrowthBook. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!