속도 제한은 웹 개발에서 중요한 개념입니다. 이는 서버 안정성, 효율적인 리소스 할당 및 악의적인 공격으로부터의 보호를 보장합니다. 따라서 이 글에서는 속도 제한의 본질, 중요성, 다양한 구현 방법 및 기능을 보여주는 실제 사례를 자세히 살펴보겠습니다. 바로 들어가볼까요?
속도 제한은 웹 서비스나 서버로 들어오는 요청이나 트래픽의 양을 제어하는 데 사용되는 전략입니다. 애플리케이션을 남용으로부터 보호하고 공정한 리소스 분배를 보장하며 서비스 안정성을 유지하는 데 도움이 됩니다.
속도 제한을 사용해야 하는 몇 가지 이유는 다음과 같습니다.
? 나는 Token Bucket 및 Leaky Bucket 알고리즘에 대해 잘 모르기 때문에 거짓말을 하지 않을 것입니다. 현재 프로젝트에는 필요하지 않았기 때문입니다. 그러나 고정 창과 슬라이딩 창은 가장 일반적으로 접하게 되는 유형입니다. 예를 들어, OpenAI의 GPT-4는 계층화된 제한이 있는 고정 창 속도 제한을 사용합니다. 첫 번째 계층에서는 분당 500개의 요청을 허용합니다. 이 접근 방식은 창이 재설정되기 직전에 사용자가 한도에 도달할 수 있으므로 트래픽 급증으로 이어질 수 있습니다.
일반적으로 프로세스에는 다음이 포함됩니다.
이제 속도 제한과 작동 방식에 대한 기본적인 이해를 마쳤으므로 우리가 만들 프로젝트에 이를 구현해 보겠습니다.
속도 제한을 보여주는 두 개의 프로젝트를 만듭니다.
원하는 이름으로 폴더를 만들고 VS 코드나 사용하는 코드 편집기에서 엽니다.
만든 폴더 안에 frontend와 backend라는 두 개의 폴더를 더 만듭니다.
그런 다음 백엔드 폴더로 CD를 이동하고 npm init -y 명령을 입력하여 package.json 파일을 초기화하세요
그 후 백엔드 폴더 안에 다음 npm 패키지를 설치하세요 ??
npm install express cors express-rate-limit npm install -D nodemon
이 기능:
그런 다음 속도 제한을 설정하는 데 사용할 index.js(원하는 대로 가능) 파일을 만듭니다.
잠시 설명할 이 코드를 복사하여 붙여넣은 후
const express = require("express");
const rateLimit = require("express-rate-limit");
const app = express();
// Set up rate limiter: 100 requests per 15 minutes
const limiter = rateLimit({
windowMs: 15 * 60 * 1000, // 15 minutes
max: 5, // Limit each IP to 5 requests per `window` (here, per 15 minutes)
message: "Too many requests from this IP, please try again later.",
});
// Apply the rate limiting middleware to all requests
app.use(limiter);
app.get("/api/data", (req, res) => {
res.send("Welcome to the API!");
});
app.listen(5000, () => {
console.log("Server running on http://localhost:5000");
});
각 부분의 역할은 다음과 같습니다.
그런 다음:
사용자가 동일한 IP에서 15분 동안 API에 100회 이상 접속하면 API에 액세스하는 대신 오류 메시지가 표시됩니다.
이제 어떻게 작동하는지 알았으니 package.json에 추가하여 자동 재시작을 활성화하겠습니다. ??
{
"scripts": {
"dev": "nodemon index.js"
}
}
백엔드는 여기까지입니다.
프런트엔드를 설정할 차례입니다.
npm install express cors express-rate-limit npm install -D nodemon
const express = require("express");
const rateLimit = require("express-rate-limit");
const app = express();
// Set up rate limiter: 100 requests per 15 minutes
const limiter = rateLimit({
windowMs: 15 * 60 * 1000, // 15 minutes
max: 5, // Limit each IP to 5 requests per `window` (here, per 15 minutes)
message: "Too many requests from this IP, please try again later.",
});
// Apply the rate limiting middleware to all requests
app.use(limiter);
app.get("/api/data", (req, res) => {
res.send("Welcome to the API!");
});
app.listen(5000, () => {
console.log("Server running on http://localhost:5000");
});
현재 상황은 다음과 같습니다.
이것이 GET 요청 예시의 전부입니다. 다음 예시로 넘어가겠습니다
이 예에서는 첫 번째 예의 코드를 주석 처리하고 이 코드를 붙여넣을 수 있습니다 ??
{
"scripts": {
"dev": "nodemon index.js"
}
}
첫 번째 예와 대부분의 코드가 동일하다는 것을 알 수 있지만 여기에는 몇 가지 주요 차이점이 있습니다. ??
이 코드를 프런트엔드에도 붙여넣으세요
npm create vite@latest .
여기서는 단순히 양식을 통해 서버에 요청하고 있습니다. 이것이 GET 예시와 어떻게 다른지 살펴보겠습니다.
이 양식에서는 15분 안에 5번의 제출이 허용됩니다. 그 이후에는 사용자에게 속도 제한 오류 메시지가 표시됩니다.
자 여러분, 이 기사를 마치신 것을 축하드립니다 ?. 이제 속도 제한이 어떻게 작동하는지, 특히 돈이 관련된 대규모 프로젝트에서 작업하는 경우 프로젝트에서 속도 제한을 사용해야 하는 이유에 대한 아이디어를 가지셨기를 바랍니다. 궁금하신 점은 댓글로 편하게 질문해주세요. 즐거운 코딩 되셨나요?
위 내용은 속도 제한의 기본: 작동 방식 및 사용 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
