Grafana Kheat 시트: 성능 엔지니어가 알아야 할 모든 것
Grafana K6 치트 시트: 성능 엔지니어가 알아야 할 모든 것(예 및 모범 사례 포함)
1. Grafana K6 소개
Grafana K6는 성능 테스트를 위해 설계된 오픈 소스 도구입니다. 대규모 API, 마이크로서비스 및 웹사이트를 테스트하고 개발자와 테스터에게 시스템 성능에 대한 통찰력을 제공하는 데 적합합니다. 이 치트 시트에서는 모든 성능 엔지니어가 Grafana K6을 시작하기 위해 알아야 할 주요 측면을 다룹니다.
그라파나 K6란?
Grafana K6는 성능 테스트를 간단하고 확장 가능하며 CI 파이프라인에 쉽게 통합할 수 있게 해주는 개발자와 테스터를 위한 최신 로드 테스트 도구입니다.
언제 사용하나요?
- 부하 테스트
- 스트레스 테스트
- 스파이크 테스트
- 성능 병목 현상 감지
- API 테스트
- 브라우저 테스트
- 카오스 엔지니어링
2. Grafana K6 치트 시트: 필수 측면
2.1. 설치
Homebrew 또는 Docker를 통해 Grafana K6 설치:
brew install k6 # Or with Docker docker run -i grafana/k6 run - <script.js
2.2. 공개 REST API를 사용한 기본 테스트
공개 REST API를 사용하여 간단한 테스트를 실행하는 방법은 다음과 같습니다.
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 웹 대시보드 테스트 및 활용
테스트를 실행하고 웹 대시보드에서 결과를 보려면 다음 명령을 사용할 수 있습니다.
K6_WEB_DASHBOARD=true K6_WEB_DASHBOARD_EXPORT=html-report.html k6 run ./src/rest/jsonplaceholder-api-rest.js
이렇게 하면 보고서 폴더에 html-report.html이라는 이름의 보고서가 생성됩니다.
그러나 다음 URL에 액세스하여 웹 대시보드에서 결과를 볼 수도 있습니다.
http://127.0.0.1:5665/
URL에 접속하면 웹 대시보드에서 실시간으로 테스트 결과를 확인할 수 있습니다.
2.3. 공개 GraphQL API로 테스트
공개 GraphQL API를 사용한 예
GraphQL API가 무엇인지 모르는 경우 다음 URL을 방문하세요: GraphQL이란 무엇입니까?
우리가 사용할 GraphQL API에 대한 자세한 내용은 다음 URL의 설명서를 참조하세요: GraphQL Pokémon.
GraphQL API를 테스트하는 방법에 대한 자세한 내용을 보려면 GraphQL 테스트 URL을 방문하세요.
포켓몬 이름을 불러와 반응 성공 여부를 확인하는 간단한 테스트입니다.
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. 성과 프로젝트 구조화를 위한 모범 사례
3.1. 중앙 집중식 구성
성능 임계값, 가상 사용자(VU) 수, 기간 등의 전역 구성 옵션을 한곳에서 정의하여 쉽게 수정할 수 있습니다.
brew install k6 # Or with Docker docker run -i grafana/k6 run - <script.js
3.2. 코드 모듈성
3.2.1. REST API에 대한 상수 및 요청
코드를 재사용 가능한 모듈로 분리합니다. 예를 들어 테스트 로직에서 상수와 요청을 분리합니다.
REST API 예에서는 상수.js 파일을 생성하여 API의 기본 URL을 저장하고, request-jsonplaceholder.js 파일을 생성하여 API와 상호작용하는 함수를 저장할 수 있습니다.
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); }
이제 API와 상호작용하기 위한 함수를 저장하는 요청-jsonplaceholder.js 파일을 생성할 수 있습니다.
K6_WEB_DASHBOARD=true K6_WEB_DASHBOARD_EXPORT=html-report.html k6 run ./src/rest/jsonplaceholder-api-rest.js
3.2.2. REST API의 테스트 스크립트에 요청 통합
마지막으로 테스트 스크립트 jsonplaceholder-api-rest.js를 생성하여 request-jsonplaceholder.js 파일에서 생성한 함수를 사용할 수 있습니다.
http://127.0.0.1:5665/
이제 스크립트 코드는 이해하기가 훨씬 더 간단해졌으며, URL, 매개변수에 변경사항이 있거나 새로운 메소드를 추가해야 하는 경우 변경이 필요한 위치가 중앙 집중화되어 솔루션 확장이 더 간단해졌습니다. 시간이 지나면서.
필요한 경우 나중에 더 복잡한 시나리오를 만들기 위해 재사용할 수 있는 더 많은 원자 함수를 생성하여 스크립트를 더욱 개선할 수 있으며, 테스트 스크립트의 기능을 이해하는 것이 점점 더 간단해지고 있습니다. 예를 들어 게시물의 존재를 테스트하려는 경우 게시물을 가져오고 응답을 반환하는 함수를 만든 다음 테스트 스크립트 jsonplaceholder-api-rest.js에서 이 함수를 사용할 수 있습니다.
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. GraphQL API에 대한 상수 및 요청
constants.js 파일을 수정하여 GraphQL API의 기본 URL과 사용해야 하는 헤더를 추가할 수 있습니다.
// ./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)<500'], // 95% of requests should complete in under 500ms }, };
이제 GraphQL API와 상호작용하기 위한 함수를 저장하기 위해 request-graphql-pokemon.js 파일을 생성할 수 있습니다.
// ./src/utils/constants.js export const BASE_URLS = { REST_API: 'https://jsonplaceholder.typicode.com', };
3.2.4. GraphQL API의 테스트 스크립트에 요청 통합
이제 request-graphql-pokemon.js 파일에서 생성한 함수를 사용하는 테스트 스크립트를 생성할 수 있습니다. 포켓몬의 데이터를 가져와서 응답이 성공적인지 확인하는 간단한 테스트 스크립트를 만들어 보겠습니다.
// ./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}`); }
API Rest의 예와 마찬가지로, 필요한 경우 나중에 더 복잡한 시나리오를 생성하기 위해 재사용할 수 있는 더 많은 원자 함수를 생성하여 스크립트를 개선할 수 있습니다. 테스트 스크립트가 무엇인지 이해하는 것이 점점 더 쉬워지고 있습니다. 그렇습니다.
응답과 요청 결과를 최적화하고 더 나은 매개변수화할 수 있는 더 나은 방법이 아직 남아 있습니다. 우리가 무엇을 할 수 있다고 생각하시나요?
3.3. 동적 데이터 및 매개변수화
동적 데이터를 사용하여 보다 현실적인 시나리오를 시뮬레이션하고 다양한 데이터 세트를 로드하세요. K6을 사용하면 공유 배열을 사용하여 파일에서 데이터를 로드할 수 있습니다. 공유 어레이는 모든 VU에서 액세스할 수 있는 데이터를 저장하는 방법입니다.
users-config.js 파일을 생성하여 JSON 파일 users.json에서 사용자 데이터를 로드할 수 있습니다.
brew install k6 # Or with Docker docker run -i grafana/k6 run - <script.js
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); }
그런 다음 테스트 스크립트 jsonplaceholder-api-rest.js에서 사용할 수 있습니다.
K6_WEB_DASHBOARD=true K6_WEB_DASHBOARD_EXPORT=html-report.html k6 run ./src/rest/jsonplaceholder-api-rest.js
4. 프로젝트 구조
잘 구성된 프로젝트 구조는 테스트를 유지 관리하고 확장하는 데 도움이 됩니다. 권장되는 폴더 구조는 다음과 같습니다.
http://127.0.0.1:5665/
이 구조는 프로젝트 루트를 복잡하게 만들지 않고 프로젝트를 정리하고 확장 가능하며 유지 관리하기 쉽게 유지하는 데 도움이 됩니다.
또 다른 옵션은 테스트 스크립트를 기능별로 폴더로 그룹화하는 것입니다. 그러면 상황에 가장 적합한 것을 테스트하고 비교할 수 있습니다. 예를 들어, 거래를 수행하는 지갑에 관한 프로젝트의 경우 각 거래 유형(예금, 출금, 이체 등)에 대한 폴더를 가질 수 있으며 각 폴더 안에 해당 특정 거래에 대한 테스트 스크립트를 가질 수 있습니다.
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), }); }
이 두 번째 예에서는 데이터 구조가 더 복잡하지만 첫 번째 예에서 생성한 것과 동일한 요청 함수를 계속 재사용할 수 있습니다.
결론
K6을 사용한 성능 테스트는 병목 현상을 식별하고 애플리케이션 확장성을 보장하는 데 매우 중요합니다. 코드 모듈화, 구성 중앙 집중화, 동적 데이터 사용 등의 모범 사례를 따르면 엔지니어는 유지 관리 및 확장이 가능한 성능 테스트 스크립트를 만들 수 있습니다.
큰 포옹.
찰리 오토마티자
위 내용은 Grafana Kheat 시트: 성능 엔지니어가 알아야 할 모든 것의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

Python은 부드러운 학습 곡선과 간결한 구문으로 초보자에게 더 적합합니다. JavaScript는 가파른 학습 곡선과 유연한 구문으로 프론트 엔드 개발에 적합합니다. 1. Python Syntax는 직관적이며 데이터 과학 및 백엔드 개발에 적합합니다. 2. JavaScript는 유연하며 프론트 엔드 및 서버 측 프로그래밍에서 널리 사용됩니다.

C/C에서 JavaScript로 전환하려면 동적 타이핑, 쓰레기 수집 및 비동기 프로그래밍으로 적응해야합니다. 1) C/C는 수동 메모리 관리가 필요한 정적으로 입력 한 언어이며 JavaScript는 동적으로 입력하고 쓰레기 수집이 자동으로 처리됩니다. 2) C/C를 기계 코드로 컴파일 해야하는 반면 JavaScript는 해석 된 언어입니다. 3) JavaScript는 폐쇄, 프로토 타입 체인 및 약속과 같은 개념을 소개하여 유연성과 비동기 프로그래밍 기능을 향상시킵니다.

웹 개발에서 JavaScript의 주요 용도에는 클라이언트 상호 작용, 양식 검증 및 비동기 통신이 포함됩니다. 1) DOM 운영을 통한 동적 컨텐츠 업데이트 및 사용자 상호 작용; 2) 사용자가 사용자 경험을 향상시키기 위해 데이터를 제출하기 전에 클라이언트 확인이 수행됩니다. 3) 서버와의 진실한 통신은 Ajax 기술을 통해 달성됩니다.

실제 세계에서 JavaScript의 응용 프로그램에는 프론트 엔드 및 백엔드 개발이 포함됩니다. 1) DOM 운영 및 이벤트 처리와 관련된 TODO 목록 응용 프로그램을 구축하여 프론트 엔드 애플리케이션을 표시합니다. 2) Node.js를 통해 RESTFULAPI를 구축하고 Express를 통해 백엔드 응용 프로그램을 시연하십시오.

보다 효율적인 코드를 작성하고 성능 병목 현상 및 최적화 전략을 이해하는 데 도움이되기 때문에 JavaScript 엔진이 내부적으로 작동하는 방식을 이해하는 것은 개발자에게 중요합니다. 1) 엔진의 워크 플로에는 구문 분석, 컴파일 및 실행; 2) 실행 프로세스 중에 엔진은 인라인 캐시 및 숨겨진 클래스와 같은 동적 최적화를 수행합니다. 3) 모범 사례에는 글로벌 변수를 피하고 루프 최적화, Const 및 Lets 사용 및 과도한 폐쇄 사용을 피하는 것이 포함됩니다.

Python과 JavaScript는 커뮤니티, 라이브러리 및 리소스 측면에서 고유 한 장점과 단점이 있습니다. 1) Python 커뮤니티는 친절하고 초보자에게 적합하지만 프론트 엔드 개발 리소스는 JavaScript만큼 풍부하지 않습니다. 2) Python은 데이터 과학 및 기계 학습 라이브러리에서 강력하며 JavaScript는 프론트 엔드 개발 라이브러리 및 프레임 워크에서 더 좋습니다. 3) 둘 다 풍부한 학습 리소스를 가지고 있지만 Python은 공식 문서로 시작하는 데 적합하지만 JavaScript는 MDNWebDocs에서 더 좋습니다. 선택은 프로젝트 요구와 개인적인 이익을 기반으로해야합니다.

개발 환경에서 Python과 JavaScript의 선택이 모두 중요합니다. 1) Python의 개발 환경에는 Pycharm, Jupyternotebook 및 Anaconda가 포함되어 있으며 데이터 과학 및 빠른 프로토 타이핑에 적합합니다. 2) JavaScript의 개발 환경에는 Node.js, VScode 및 Webpack이 포함되어 있으며 프론트 엔드 및 백엔드 개발에 적합합니다. 프로젝트 요구에 따라 올바른 도구를 선택하면 개발 효율성과 프로젝트 성공률이 향상 될 수 있습니다.

C와 C는 주로 통역사와 JIT 컴파일러를 구현하는 데 사용되는 JavaScript 엔진에서 중요한 역할을합니다. 1) C는 JavaScript 소스 코드를 구문 분석하고 추상 구문 트리를 생성하는 데 사용됩니다. 2) C는 바이트 코드 생성 및 실행을 담당합니다. 3) C는 JIT 컴파일러를 구현하고 런타임에 핫스팟 코드를 최적화하고 컴파일하며 JavaScript의 실행 효율을 크게 향상시킵니다.
