suchen
HeimWeb-Frontendjs-TutorialGrafana Kheat-Blatt: Alles, was ein Performance-Ingenieur wissen sollte

Grafana K6-Spickzettel: Alles, was ein Performance-Ingenieur wissen sollte (mit Beispielen und Best Practices)

1. Einführung in Grafana K6

Grafana K6 ist ein Open-Source-Tool für Leistungstests. Es eignet sich hervorragend zum Testen von APIs, Microservices und Websites in großem Maßstab und bietet Entwicklern und Testern Einblicke in die Systemleistung. Dieser Spickzettel deckt die wichtigsten Aspekte ab, die jeder Performance-Ingenieur kennen sollte, um mit Grafana K6 zu beginnen.

Was ist Grafana K6?

Grafana K6 ist ein modernes Lasttest-Tool für Entwickler und Tester, das Leistungstests einfach, skalierbar und leicht in Ihre CI-Pipeline integrierbar macht.

Wann sollte man es verwenden?

  • Lasttest
  • Stresstest
  • Spike-Test
  • Erkennung von Leistungsengpässen
  • API-Tests
  • Browsertests
  • Chaos Engineering

2. Grafana K6 Spickzettel: Wesentliche Aspekte

2.1. Installation

Installieren Sie Grafana K6 über Homebrew oder Docker:

brew install k6
# Or with Docker
docker run -i grafana/k6 run - <script.js>



<h4>
  
  
  2.2. Basistest mit einer öffentlichen REST-API
</h4>

<p>So führen Sie einen einfachen Test mit einer öffentlichen REST-API aus.<br>
</p>

<pre class="brush:php;toolbar:false">import http from "k6/http";
import { check, sleep } from "k6";

// Define the API endpoint and expected response
export default function () {
  const res = http.get("https://jsonplaceholder.typicode.com/posts/1");

  // Define the expected response
  const expectedResponse = {
    userId: 1,
    id: 1,
    title:
      "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
    body: "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto",
  };

  // Assert the response is as expected
  check(res, {
    "status is 200": (r) => r.status === 200,
    "response is correct": (r) =>
      JSON.stringify(JSON.parse(r.body)) === JSON.stringify(expectedResponse),
  });

  sleep(1);
}
2.2.1 Durchführung des Tests und Nutzung des Web-Dashboards

Um den Test auszuführen und die Ergebnisse in einem Web-Dashboard anzuzeigen, können wir den folgenden Befehl verwenden:

K6_WEB_DASHBOARD=true K6_WEB_DASHBOARD_EXPORT=html-report.html k6 run ./src/rest/jsonplaceholder-api-rest.js

Dadurch wird im Berichtsordner ein Bericht mit dem Namen html-report.html generiert.

Aber wir können die Ergebnisse auch im Web-Dashboard sehen, indem wir auf die folgende URL zugreifen:

http://127.0.0.1:5665/

Grafana Kheat sheet: everything a performance engineer should know

Sobald wir auf die URL zugreifen, können wir die Ergebnisse des Tests in Echtzeit im Web-Dashboard sehen.

Grafana Kheat sheet: everything a performance engineer should know

2.3. Testen Sie mit einer öffentlichen GraphQL-API

Beispiel für die Verwendung einer öffentlichen GraphQL-API.

Wenn Sie nicht wissen, was eine GraphQL-API ist, können Sie die folgende URL besuchen: Was ist GraphQL?.

Weitere Informationen zur GraphQL-API, die wir verwenden werden, finden Sie in der Dokumentation der folgenden URL: GraphQL Pokémon.

Weitere Informationen zum Testen von GraphQL-APIs finden Sie unter der folgenden URL: GraphQL Testing.

Dies ist ein einfacher Test, um ein Pokémon anhand seines Namens zu ermitteln und zu überprüfen, ob die Antwort erfolgreich ist.

import http from "k6/http";
import { check } from "k6";

// Define the query and variables
const query = `
  query getPokemon($name: String!) {
    pokemon(name: $name) {
      id
      name
      types
    }
  }`;

const variables = {
  name: "pikachu",
};

// Define the test function
export default function () {
  const url = "https://graphql-pokemon2.vercel.app/";
  const payload = JSON.stringify({
    query: query,
    variables: variables,
  });

  // Define the headers
  const headers = {
    "Content-Type": "application/json",
  };

  // Make the request
  const res = http.post(url, payload, { headers: headers });

  // Define the expected response
  const expectedResponse = {
    data: {
      pokemon: {
        id: "UG9rZW1vbjowMjU=",
        name: "Pikachu",
        types: ["Electric"],
      },
    },
  };

  // Assert the response is as expected
  check(res, {
    "status is 200": (r) => r.status === 200,
    "response is correct": (r) =>
      JSON.stringify(JSON.parse(r.body)) === JSON.stringify(expectedResponse),
  });
}

3. Best Practices für die Strukturierung von Leistungsprojekten

3.1. Zentralisierte Konfiguration

Definieren Sie globale Konfigurationsoptionen wie Leistungsschwellenwerte, die Anzahl der virtuellen Benutzer (VU) und Dauer an einem Ort für einfache Änderungen.

brew install k6
# Or with Docker
docker run -i grafana/k6 run - <script.js>



<h4>
  
  
  3.2. Code-Modularität
</h4>

<h4>
  
  
  3.2.1. Konstanten und Anforderungen für die REST-API
</h4>

<p>Teilen Sie den Code in wiederverwendbare Module auf, indem Sie beispielsweise Konstanten und Anforderungen von der Testlogik trennen.</p>

<p>Für unser REST-API-Beispiel können wir eine Datei „constants.js“ zum Speichern der Basis-URL der API und eine Datei „requests-jsonplaceholder.js“ zum Speichern der Funktionen zur Interaktion mit der API erstellen.<br>
</p>

<pre class="brush:php;toolbar:false">import http from "k6/http";
import { check, sleep } from "k6";

// Define the API endpoint and expected response
export default function () {
  const res = http.get("https://jsonplaceholder.typicode.com/posts/1");

  // Define the expected response
  const expectedResponse = {
    userId: 1,
    id: 1,
    title:
      "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
    body: "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto",
  };

  // Assert the response is as expected
  check(res, {
    "status is 200": (r) => r.status === 200,
    "response is correct": (r) =>
      JSON.stringify(JSON.parse(r.body)) === JSON.stringify(expectedResponse),
  });

  sleep(1);
}

Jetzt können wir die Datei „requests-jsonplaceholder.js“ erstellen, um die Funktionen für die Interaktion mit der API zu speichern.

K6_WEB_DASHBOARD=true K6_WEB_DASHBOARD_EXPORT=html-report.html k6 run ./src/rest/jsonplaceholder-api-rest.js

3.2.2. Integration von Anfragen in das Testskript der REST API

Schließlich können wir unser Testskript jsonplaceholder-api-rest.js erstellen, um die Funktionen zu verwenden, die wir in der Datei „requests-jsonplaceholder.js“ erstellt haben.

http://127.0.0.1:5665/

Unser Skriptcode ist jetzt viel einfacher zu verstehen, und wenn sich etwas an der URL oder den Parametern ändert oder eine neue Methode hinzugefügt werden muss, ist der Ort, an dem die Änderungen vorgenommen werden müssen, zentralisiert, wodurch sich unsere Lösung einfacher erweitern lässt im Laufe der Zeit.

Wir könnten unsere Skripte weiter verbessern, indem wir mehr atomare Funktionen erstellen, die wir bei Bedarf in Zukunft wiederverwenden können, um komplexere Szenarien zu erstellen. Es wird immer einfacher zu verstehen, was unser Testskript tut. Wenn wir beispielsweise die Existenz eines Beitrags testen möchten, könnten wir eine Funktion erstellen, die einen Beitrag abruft und die Antwort zurückgibt. Dann könnten wir diese Funktion in unserem Testskript jsonplaceholder-api-rest.js verwenden.

import http from "k6/http";
import { check } from "k6";

// Define the query and variables
const query = `
  query getPokemon($name: String!) {
    pokemon(name: $name) {
      id
      name
      types
    }
  }`;

const variables = {
  name: "pikachu",
};

// Define the test function
export default function () {
  const url = "https://graphql-pokemon2.vercel.app/";
  const payload = JSON.stringify({
    query: query,
    variables: variables,
  });

  // Define the headers
  const headers = {
    "Content-Type": "application/json",
  };

  // Make the request
  const res = http.post(url, payload, { headers: headers });

  // Define the expected response
  const expectedResponse = {
    data: {
      pokemon: {
        id: "UG9rZW1vbjowMjU=",
        name: "Pikachu",
        types: ["Electric"],
      },
    },
  };

  // Assert the response is as expected
  check(res, {
    "status is 200": (r) => r.status === 200,
    "response is correct": (r) =>
      JSON.stringify(JSON.parse(r.body)) === JSON.stringify(expectedResponse),
  });
}

3.2.3. Konstanten und Anforderungen für die GraphQL-API

Wir können die Datei „constants.js“ ändern, um die Basis-URL der GraphQL-API und die Header hinzuzufügen, die wir verwenden müssen.

// ./src/config/options.js
export const options = {
  stages: [
    { duration: '1m', target: 100 }, // ramp up to 100 VUs
    { duration: '5m', target: 100 }, // stay at 100 VUs for 5 mins
    { duration: '1m', target: 0 },   // ramp down
  ],
  thresholds: {
    http_req_duration: ['p(95)



<p>Jetzt können wir die Datei „requests-graphql-pokemon.js“ erstellen, um die Funktionen für die Interaktion mit der GraphQL-API zu speichern.<br>
</p>

<pre class="brush:php;toolbar:false">// ./src/utils/constants.js
export const BASE_URLS = {
  REST_API: 'https://jsonplaceholder.typicode.com',
};

3.2.4. Integration von Anfragen in das Testskript der GraphQL-API

In diesem Moment können wir unser Testskript erstellen, um die Funktionen zu verwenden, die wir in der Datei „requests-graphql-pokemon.js“ erstellt haben. Wir erstellen ein einfaches Testskript, das die Daten eines Pokémon abruft und prüft, ob die Antwort erfolgreich ist.

// ./src/utils/requests-jsonplaceholder.js
import { BASE_URLS } from './constants.js';
import http from 'k6/http';

export function getPosts() {
    return http.get(`${BASE_URLS.REST_API}/posts`);
}

export function getPost(id) {
    return http.get(`${BASE_URLS.REST_API}/posts/${id}`);
}

export function createPost(post) {
    return http.post(`${BASE_URLS.REST_API}/posts`, post);
}

export function updatePost(id, post) {
    return http.put(`${BASE_URLS.REST_API}/posts/${id}`, post);
}

export function deletePost(id) {
    return http.del(`${BASE_URLS.REST_API}/posts/${id}`);
}

Auf die gleiche Weise wie im Beispiel von API Rest können wir unser Skript verbessern, indem wir mehr atomare Funktionen erstellen, die wir bei Bedarf in Zukunft wiederverwenden können, um komplexere Szenarien zu erstellen. Dadurch wird es immer einfacher, unser Testskript zu verstehen tut.

Es gibt immer noch eine bessere Möglichkeit zur Optimierung und besseren Parametrisierung der Antwort- und Anfrageergebnisse. Was könnten wir Ihrer Meinung nach tun?

3.3. Dynamische Daten und Parametrisierung

Verwenden Sie dynamische Daten, um realistischere Szenarien zu simulieren und verschiedene Datensätze zu laden. Mit K6 können wir gemeinsam genutzte Arrays verwenden, um Daten aus einer Datei zu laden. Gemeinsam genutzte Arrays sind eine Möglichkeit, Daten zu speichern, auf die alle VUs zugreifen können.

Wir können eine Datei „users-config.js“ erstellen, um die Benutzerdaten aus einer JSON-Datei „users.json“ zu laden.

brew install k6
# Or with Docker
docker run -i grafana/k6 run - <script.js>





<pre class="brush:php;toolbar:false">import http from "k6/http";
import { check, sleep } from "k6";

// Define the API endpoint and expected response
export default function () {
  const res = http.get("https://jsonplaceholder.typicode.com/posts/1");

  // Define the expected response
  const expectedResponse = {
    userId: 1,
    id: 1,
    title:
      "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
    body: "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto",
  };

  // Assert the response is as expected
  check(res, {
    "status is 200": (r) => r.status === 200,
    "response is correct": (r) =>
      JSON.stringify(JSON.parse(r.body)) === JSON.stringify(expectedResponse),
  });

  sleep(1);
}

Und dann können wir es in unserem Testskript jsonplaceholder-api-rest.js verwenden.

K6_WEB_DASHBOARD=true K6_WEB_DASHBOARD_EXPORT=html-report.html k6 run ./src/rest/jsonplaceholder-api-rest.js

4. Projektstruktur

Eine gut organisierte Projektstruktur hilft bei der Wartung und Skalierung Ihrer Tests. Hier ist eine vorgeschlagene Ordnerstruktur:

http://127.0.0.1:5665/

Diese Struktur trägt dazu bei, dass Ihr Projekt organisiert, skalierbar und leicht zu warten ist, und vermeidet Unordnung im Projektstamm.

Eine andere Möglichkeit wäre, Testskripte nach Funktionalität in Ordnern zu gruppieren. Sie können testen und vergleichen, was für Ihren Kontext am sinnvollsten ist. Wenn es bei Ihrem Projekt beispielsweise um eine Wallet geht, die Transaktionen durchführt, könnten Sie einen Ordner für jede Art von Transaktion (Einzahlung, Auszahlung, Überweisung usw.) haben und in jedem Ordner könnten Sie die Testskripte für diese spezifische Transaktion haben.

import http from "k6/http";
import { check } from "k6";

// Define the query and variables
const query = `
  query getPokemon($name: String!) {
    pokemon(name: $name) {
      id
      name
      types
    }
  }`;

const variables = {
  name: "pikachu",
};

// Define the test function
export default function () {
  const url = "https://graphql-pokemon2.vercel.app/";
  const payload = JSON.stringify({
    query: query,
    variables: variables,
  });

  // Define the headers
  const headers = {
    "Content-Type": "application/json",
  };

  // Make the request
  const res = http.post(url, payload, { headers: headers });

  // Define the expected response
  const expectedResponse = {
    data: {
      pokemon: {
        id: "UG9rZW1vbjowMjU=",
        name: "Pikachu",
        types: ["Electric"],
      },
    },
  };

  // Assert the response is as expected
  check(res, {
    "status is 200": (r) => r.status === 200,
    "response is correct": (r) =>
      JSON.stringify(JSON.parse(r.body)) === JSON.stringify(expectedResponse),
  });
}

In diesem zweiten Beispiel haben wir eine komplexere Datenstruktur, aber wir können immer noch dieselben Anforderungsfunktionen wiederverwenden, die wir für das erste Beispiel erstellt haben.

Abschluss

Leistungstests mit K6 sind entscheidend für die Identifizierung von Engpässen und die Sicherstellung der Anwendungsskalierbarkeit. Durch die Befolgung von Best Practices wie der Modularisierung von Code, der Zentralisierung von Konfigurationen und der Verwendung dynamischer Daten können Ingenieure wartbare und skalierbare Leistungstestskripte erstellen.

Große Umarmung.

Charly Automatiza

Das obige ist der detaillierte Inhalt vonGrafana Kheat-Blatt: Alles, was ein Performance-Ingenieur wissen sollte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Ist JavaScript in C geschrieben? Prüfung der BeweiseIst JavaScript in C geschrieben? Prüfung der BeweiseApr 25, 2025 am 12:15 AM

Ja, der Motorkern von JavaScript ist in C. 1) Die C -Sprache bietet eine effiziente Leistung und die zugrunde liegende Steuerung, die für die Entwicklung der JavaScript -Engine geeignet ist. 2) Die V8-Engine als Beispiel wird sein Kern in C geschrieben, wobei die Effizienz und objektorientierte Eigenschaften von C kombiniert werden.

JavaScripts Rolle: das Web interaktiv und dynamisch machenJavaScripts Rolle: das Web interaktiv und dynamisch machenApr 24, 2025 am 12:12 AM

JavaScript ist das Herzstück moderner Websites, da es die Interaktivität und Dynamik von Webseiten verbessert. 1) Es ermöglicht die Änderung von Inhalten, ohne die Seite zu aktualisieren, 2) Webseiten durch DOMAPI zu manipulieren, 3) Komplexe interaktive Effekte wie Animation und Drag & Drop, 4) die Leistung und Best Practices optimieren, um die Benutzererfahrung zu verbessern.

C und JavaScript: Die Verbindung erklärteC und JavaScript: Die Verbindung erklärteApr 23, 2025 am 12:07 AM

C und JavaScript erreichen die Interoperabilität durch WebAssembly. 1) C -Code wird in das WebAssembly -Modul zusammengestellt und in die JavaScript -Umgebung eingeführt, um die Rechenleistung zu verbessern. 2) In der Spieleentwicklung kümmert sich C über Physik -Engines und Grafikwiedergabe, und JavaScript ist für die Spiellogik und die Benutzeroberfläche verantwortlich.

Von Websites zu Apps: Die verschiedenen Anwendungen von JavaScriptVon Websites zu Apps: Die verschiedenen Anwendungen von JavaScriptApr 22, 2025 am 12:02 AM

JavaScript wird in Websites, mobilen Anwendungen, Desktop-Anwendungen und serverseitigen Programmierungen häufig verwendet. 1) In der Website -Entwicklung betreibt JavaScript DOM zusammen mit HTML und CSS, um dynamische Effekte zu erzielen und Frameworks wie JQuery und React zu unterstützen. 2) Durch reaktnatives und ionisches JavaScript wird ein plattformübergreifendes mobile Anwendungen entwickelt. 3) Mit dem Elektronenframework können JavaScript Desktop -Anwendungen erstellen. 4) Node.js ermöglicht es JavaScript, auf der Serverseite auszuführen und unterstützt hohe gleichzeitige Anforderungen.

Python gegen JavaScript: Anwendungsfälle und Anwendungen verglichenPython gegen JavaScript: Anwendungsfälle und Anwendungen verglichenApr 21, 2025 am 12:01 AM

Python eignet sich besser für Datenwissenschaft und Automatisierung, während JavaScript besser für die Entwicklung von Front-End- und Vollstapel geeignet ist. 1. Python funktioniert in Datenwissenschaft und maschinellem Lernen gut und unter Verwendung von Bibliotheken wie Numpy und Pandas für die Datenverarbeitung und -modellierung. 2. Python ist prägnant und effizient in der Automatisierung und Skripten. 3. JavaScript ist in der Front-End-Entwicklung unverzichtbar und wird verwendet, um dynamische Webseiten und einseitige Anwendungen zu erstellen. 4. JavaScript spielt eine Rolle bei der Back-End-Entwicklung durch Node.js und unterstützt die Entwicklung der Vollstapel.

Die Rolle von C/C bei JavaScript -Dolmetschern und CompilernDie Rolle von C/C bei JavaScript -Dolmetschern und CompilernApr 20, 2025 am 12:01 AM

C und C spielen eine wichtige Rolle in der JavaScript -Engine, die hauptsächlich zur Implementierung von Dolmetschern und JIT -Compilern verwendet wird. 1) C wird verwendet, um JavaScript -Quellcode zu analysieren und einen abstrakten Syntaxbaum zu generieren. 2) C ist für die Generierung und Ausführung von Bytecode verantwortlich. 3) C implementiert den JIT-Compiler, optimiert und kompiliert Hot-Spot-Code zur Laufzeit und verbessert die Ausführungseffizienz von JavaScript erheblich.

JavaScript in Aktion: Beispiele und Projekte in realer WeltJavaScript in Aktion: Beispiele und Projekte in realer WeltApr 19, 2025 am 12:13 AM

Die Anwendung von JavaScript in der realen Welt umfasst Front-End- und Back-End-Entwicklung. 1) Zeigen Sie Front-End-Anwendungen an, indem Sie eine TODO-Listanwendung erstellen, die DOM-Operationen und Ereignisverarbeitung umfasst. 2) Erstellen Sie RESTFUFFUPI über Node.js und express, um Back-End-Anwendungen zu demonstrieren.

JavaScript und das Web: Kernfunktionalität und AnwendungsfälleJavaScript und das Web: Kernfunktionalität und AnwendungsfälleApr 18, 2025 am 12:19 AM

Zu den Hauptanwendungen von JavaScript in der Webentwicklung gehören die Interaktion der Clients, die Formüberprüfung und die asynchrone Kommunikation. 1) Dynamisches Inhaltsaktualisierung und Benutzerinteraktion durch DOM -Operationen; 2) Die Kundenüberprüfung erfolgt vor dem Einreichung von Daten, um die Benutzererfahrung zu verbessern. 3) Die Aktualisierung der Kommunikation mit dem Server wird durch AJAX -Technologie erreicht.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Sicherer Prüfungsbrowser

Sicherer Prüfungsbrowser

Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.

PHPStorm Mac-Version

PHPStorm Mac-Version

Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool

MinGW – Minimalistisches GNU für Windows

MinGW – Minimalistisches GNU für Windows

Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.

MantisBT

MantisBT

Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.

VSCode Windows 64-Bit-Download

VSCode Windows 64-Bit-Download

Ein kostenloser und leistungsstarker IDE-Editor von Microsoft