{"id":82141,"date":"2024-11-01T03:31:24","date_gmt":"2024-11-01T00:01:24","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/the-basics-of-rate-limiting-how-it-works-and-how-to-use-it-5ccp\/"},"modified":"2024-11-01T03:31:24","modified_gmt":"2024-11-01T00:01:24","slug":"the-basics-of-rate-limiting-how-it-works-and-how-to-use-it-5ccp","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/the-basics-of-rate-limiting-how-it-works-and-how-to-use-it-5ccp\/","title":{"rendered":"\u0627\u0635\u0648\u0644 \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0646\u0631\u062e: \u0686\u06af\u0648\u0646\u0647 \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0686\u06af\u0648\u0646\u0647 \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang
\n \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0646\u0631\u062e \u06cc\u06a9 \u0645\u0641\u0647\u0648\u0645 \u062d\u06cc\u0627\u062a\u06cc \u062f\u0631 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u0627\u0633\u062a. \u062b\u0628\u0627\u062a \u0633\u0631\u0648\u0631\u060c \u062a\u062e\u0635\u06cc\u0635 \u06a9\u0627\u0631\u0622\u0645\u062f \u0645\u0646\u0627\u0628\u0639 \u0648 \u0645\u062d\u0627\u0641\u0638\u062a \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u062d\u0645\u0644\u0627\u062a \u0645\u062e\u0631\u0628 \u0631\u0627 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0645\u0627 \u0628\u0647 \u0645\u0627\u0647\u06cc\u062a \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e\u060c \u0627\u0647\u0645\u06cc\u062a \u0622\u0646\u060c \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0648 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u0639\u0645\u0644\u06a9\u0631\u062f \u0622\u0646 \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u06cc\u0645. \u0628\u06cc\u0627 \u062f\u0631\u0633\u062a \u0634\u06cc\u0631\u062c\u0647 \u0628\u0632\u0646\u06cc\u0645 \ud83d\ude09<\/p>\n

Rate Limiting \u0686\u06cc\u0633\u062a\u061f<\/p>\n

\u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0646\u0631\u062e \u06cc\u06a9 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u0645\u06cc\u0632\u0627\u0646 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a\u06cc \u06cc\u0627 \u062a\u0631\u0627\u0641\u06cc\u06a9 \u0628\u0647 \u06cc\u06a9 \u0648\u0628 \u0633\u0631\u0648\u06cc\u0633 \u06cc\u0627 \u06cc\u06a9 \u0633\u0631\u0648\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f. \u0628\u0647 \u0645\u062d\u0627\u0641\u0638\u062a \u0627\u0632 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0634\u0645\u0627 \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647\u060c \u062a\u0636\u0645\u06cc\u0646 \u062a\u0648\u0632\u06cc\u0639 \u0639\u0627\u062f\u0644\u0627\u0646\u0647 \u0645\u0646\u0627\u0628\u0639 \u0648 \u062d\u0641\u0638 \u062b\u0628\u0627\u062a \u0633\u0631\u0648\u06cc\u0633 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0686\u0631\u0627 \u0627\u0632 Rate Limiting \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645\u061f<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0631\u062e\u06cc \u0627\u0632 \u062f\u0644\u0627\u06cc\u0644\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \ud83d\udc47\ud83c\udffd<\/p>\n

\u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647: \u0631\u0628\u0627\u062a \u0647\u0627 \u06cc\u0627 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u062e\u0631\u0628 \u0631\u0627 \u0627\u0632 \u0647\u062c\u0648\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0633\u0631\u0648\u0631 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0646\u0627\u0628\u0639: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u0646\u0635\u0641\u0627\u0646\u0647 \u0627\u0632 \u0645\u0646\u0627\u0628\u0639 \u0631\u0627 \u062f\u0631 \u0647\u0645\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0627\u0645\u0646\u06cc\u062a: \u0628\u0627 \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u062a\u0644\u0627\u0634 \u0628\u0631\u0627\u06cc \u0628\u0631\u062e\u06cc \u0627\u0632 \u0646\u0642\u0627\u0637 \u067e\u0627\u06cc\u0627\u0646\u06cc \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0628\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062d\u0645\u0644\u0627\u062a brute-force \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u06a9\u0646\u062a\u0631\u0644 \u0647\u0632\u06cc\u0646\u0647: \u0628\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0647\u0632\u06cc\u0646\u0647 \u0647\u0627\u06cc \u063a\u06cc\u0631\u0645\u0646\u062a\u0638\u0631\u0647 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u062a\u0645\u0627\u0633 \u0647\u0627\u06cc \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f API \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0639\u0645\u0644\u06a9\u0631\u062f: \u0633\u0631\u0648\u0631 \u0634\u0645\u0627 \u0631\u0627 \u067e\u0627\u0633\u062e\u06af\u0648 \u0646\u06af\u0647 \u0645\u06cc \u062f\u0627\u0631\u062f \u0648 \u062e\u0637\u0631 \u062e\u0631\u0627\u0628\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n

\u0627\u0646\u0648\u0627\u0639 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e<\/p>\n

\u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e \u067e\u0646\u062c\u0631\u0647 \u062b\u0627\u0628\u062a (\u06cc\u0627 \u0633\u0627\u062f\u0647).: \u0627\u06cc\u0646 \u0631\u0648\u0634 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u067e\u0646\u062c\u0631\u0647 \u0632\u0645\u0627\u0646\u06cc \u062b\u0627\u0628\u062a \u0645\u062d\u062f\u0648\u062f \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c “100 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u0631 \u062f\u0642\u06cc\u0642\u0647.”<\/p>\n

\u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0646\u0631\u062e \u067e\u0646\u062c\u0631\u0647 \u06a9\u0634\u0648\u06cc\u06cc: \u06cc\u06a9 \u0686\u0627\u0631\u0686\u0648\u0628 \u0632\u0645\u0627\u0646\u06cc \u067e\u0648\u06cc\u0627 \u06a9\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u062f\u0648\u0631\u0647 \u0627\u062e\u06cc\u0631\u060c \u0645\u0627\u0646\u0646\u062f \u0686\u0646\u062f \u062f\u0642\u06cc\u0642\u0647 \u06cc\u0627 \u0686\u0646\u062f \u062b\u0627\u0646\u06cc\u0647 \u0622\u062e\u0631\u060c \u0631\u062f\u06cc\u0627\u0628\u06cc \u0648 \u0645\u062d\u062f\u0648\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n

\u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645 \u0633\u0637\u0644 \u062a\u0648\u06a9\u0646: \u0627\u06cc\u0646 \u0631\u0648\u0634 \u0627\u0632 \u06cc\u06a9 “\u0633\u0637\u0644” \u067e\u0631 \u0627\u0632 \u0646\u0634\u0627\u0646\u0647 \u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f. \u0647\u0631 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u0631\u06cc\u0627\u0641\u062a\u06cc \u06cc\u06a9 \u0646\u0634\u0627\u0646\u0647 \u0645\u0635\u0631\u0641 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0633\u0637\u0644 \u062f\u0631 \u0628\u0627\u0632\u0647 \u0647\u0627\u06cc \u0632\u0645\u0627\u0646\u06cc \u062a\u0639\u06cc\u06cc\u0646 \u0634\u062f\u0647 \u062f\u0648\u0628\u0627\u0631\u0647 \u067e\u0631 \u0645\u06cc \u0634\u0648\u062f. \u0627\u06cc\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0628\u0627 \u062d\u0641\u0638 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e \u06a9\u0644\u06cc\u060c \u0627\u0645\u06a9\u0627\u0646 \u0627\u0646\u0628\u0648\u0647 \u062a\u0631\u0627\u0641\u06cc\u06a9 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645 \u0633\u0637\u0644 \u0646\u0634\u062a\u06cc: \u0634\u0628\u06cc\u0647 \u0633\u0637\u0644 \u0698\u062a\u0648\u0646 \u0627\u0645\u0627 \u0628\u0627 \u067e\u06cc\u0686 \u0648 \u062a\u0627\u0628. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0633\u0637\u0644 \u067e\u0631 \u0627\u0633\u062a\u060c \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc “\u0646\u0634\u062a” \u0645\u06cc \u06a9\u0646\u0646\u062f \u06cc\u0627 \u062f\u0648\u0631 \u0631\u06cc\u062e\u062a\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f \u0648 \u062c\u0631\u06cc\u0627\u0646 \u062b\u0627\u0628\u062a\u06cc \u0631\u0627 \u062d\u0641\u0638 \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/p>\n

\ud83d\udca1 \u0645\u0646 \u062d\u062a\u06cc \u0642\u0631\u0627\u0631 \u0646\u06cc\u0633\u062a \u062f\u0631\u0648\u063a \u0628\u06af\u0648\u06cc\u0645 \u0632\u06cc\u0631\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645 \u0647\u0627\u06cc Token Bucket \u0648 Leaky Bucket \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0632\u06cc\u0627\u062f\u06cc \u0646\u062f\u0627\u0631\u0645\u060c \u0632\u06cc\u0631\u0627 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0641\u0639\u0644\u06cc \u062e\u0648\u062f \u0628\u0647 \u0622\u0646\u0647\u0627 \u0646\u06cc\u0627\u0632\u06cc \u0646\u062f\u0627\u0634\u062a\u0647 \u0627\u0645. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u067e\u0646\u062c\u0631\u0647 \u062b\u0627\u0628\u062a \u0648 \u067e\u0646\u062c\u0631\u0647 \u06a9\u0634\u0648\u06cc\u06cc \u0631\u0627\u06cc\u062c \u062a\u0631\u06cc\u0646 \u0627\u0646\u0648\u0627\u0639\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0628\u0627 \u0622\u0646 \u0645\u0648\u0627\u062c\u0647 \u062e\u0648\u0627\u0647\u06cc\u062f \u0634\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c GPT-4 OpenAI \u0627\u0632 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e \u067e\u0646\u062c\u0631\u0647 \u062b\u0627\u0628\u062a \u0628\u0627 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a\u200c\u0647\u0627\u06cc \u0637\u0628\u0642\u0647\u200c\u0628\u0646\u062f\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f – \u0627\u0648\u0644\u06cc\u0646 \u0631\u062f\u06cc\u0641 \u0622\u0646\u200c\u0647\u0627 \u0627\u062c\u0627\u0632\u0647 500 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u0631 \u062f\u0642\u06cc\u0642\u0647 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n

\u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0646\u0631\u062e<\/p>\n

\u0627\u06cc\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0634\u0627\u0645\u0644 \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n

\u0631\u062f\u06cc\u0627\u0628\u06cc: \u0646\u0638\u0627\u0631\u062a \u0628\u0631 \u062a\u0639\u062f\u0627\u062f \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u06cc\u06a9 \u06a9\u0627\u0631\u0628\u0631 (\u0628\u06cc\u0634\u062a\u0631 userId) \u06cc\u0627 IP \u062f\u0631 \u06cc\u06a9 \u0628\u0627\u0632\u0647 \u0632\u0645\u0627\u0646\u06cc \u062e\u0627\u0635 \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f\u0647 \u0627\u0633\u062a.<\/p>\n

\u0622\u0633\u062a\u0627\u0646\u0647: \u062a\u0639\u06cc\u06cc\u0646 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a (\u0645\u062b\u0644\u0627\u064b 100 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u0631 \u0633\u0627\u0639\u062a).<\/p>\n

\u067e\u0627\u0633\u062e: \u0627\u0631\u0633\u0627\u0644 \u0627\u062e\u0637\u0627\u0631 \u06cc\u0627 \u0645\u0633\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u0635\u0648\u0631\u062a \u062a\u062c\u0627\u0648\u0632 \u0627\u0632 \u062d\u062f \u0645\u062c\u0627\u0632 (\u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0627 a 429 Too Many Requests \u06a9\u062f \u0648\u0636\u0639\u06cc\u062a HTTP).<\/p>\n

\u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0646\u0631\u062e \u0645\u062d\u062f\u0648\u062f: \u0645\u062b\u0627\u0644 \u0647\u0627\u06cc \u0639\u0645\u0644\u06cc<\/p>\n

\u0627\u06a9\u0646\u0648\u0646 \u06a9\u0647 \u062f\u0631\u06a9 \u0627\u0633\u0627\u0633\u06cc \u0627\u0632 \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0646\u0631\u062e \u0648 \u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0622\u0646 \u062f\u0627\u0631\u06cc\u062f\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0627 \u0627\u062c\u0631\u0627\u06cc \u0622\u0646 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u0627\u06cc \u06a9\u0647 \u0627\u06cc\u062c\u0627\u062f \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f\u060c \u062f\u0633\u062a\u0645\u0627\u0646 \u0631\u0627 \u06a9\u062b\u06cc\u0641 \u06a9\u0646\u06cc\u0645.<\/p>\n

\u0645\u0627 \u062f\u0648 \u067e\u0631\u0648\u0698\u0647 \u0627\u06cc\u062c\u0627\u062f \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f \u06a9\u0647 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f:<\/p>\n

\u0627\u0644\u0641 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f \u0646\u0645\u0648\u0646\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a
\n\u0627\u0644\u0641 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f \u0646\u0645\u0648\u0646\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a<\/p>\n

\u067e\u0634\u062a\u0647 \u0641\u0646\u0627\u0648\u0631\u06cc<\/p>\n

Frontend: React (\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Vite)
\nBackend: Express (\u0686\u0627\u0631\u0686\u0648\u0628 Node.js)<\/p>\n

\u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f \u0646\u0645\u0648\u0646\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a<\/p>\n

\u06cc\u06a9 \u067e\u0648\u0634\u0647 \u0628\u0627 \u0647\u0631 \u0646\u0627\u0645 \u062f\u0644\u062e\u0648\u0627\u0647 \u062e\u0648\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0631\u0648\u06cc \u06a9\u062f VS \u06cc\u0627 \u0647\u0631 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u06a9\u062f\u06cc \u06a9\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f.<\/p>\n

\u062f\u0631 \u062f\u0627\u062e\u0644 \u067e\u0648\u0634\u0647 \u0627\u06cc \u06a9\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f\u060c \u062f\u0648 \u067e\u0648\u0634\u0647 \u062f\u06cc\u06af\u0631 \u0628\u0647 \u0646\u0627\u0645 \u0647\u0627\u06cc frontend \u0648 backend \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f. <\/p>\n

\u067e\u0633 \u0627\u0632 \u0622\u0646\u060c cd \u0631\u0627 \u062f\u0631 \u067e\u0648\u0634\u0647 \u0647\u0627\u06cc Backend \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f npm init -y \u0628\u0631\u0627\u06cc \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0627\u0648\u0644\u06cc\u0647 a package.json \u0641\u0627\u06cc\u0644<\/p>\n

\u067e\u0633 \u0627\u0632 \u0622\u0646 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc follow npm \u0631\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 \u067e\u0648\u0634\u0647 backend \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f \ud83d\udc47\ud83c\udffd<\/p>\n

npm install express cors express-rate-limit<\/p>\n

npm install -D nodemon<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u06cc\u0646\u0647\u0627 \u0686\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f:<\/p>\n

express: \u0648\u0628 \u0633\u0631\u0648\u0631 \u0634\u0645\u0627 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc API \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc \u06a9\u0646\u062f<\/p>\n

cors: \u0628\u0647 frontend \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0628\u0647 \u0637\u0648\u0631 \u0627\u06cc\u0645\u0646 \u0628\u0627 backend \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0631\u0642\u0631\u0627\u0631 \u06a9\u0646\u062f<\/p>\n

express-rate-limit: \u0627\u0632 API \u0634\u0645\u0627 \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0632\u06cc\u0627\u062f \u0645\u062d\u0627\u0641\u0638\u062a \u0645\u06cc \u06a9\u0646\u062f<\/p>\n

nodemon: \u0633\u0631\u0648\u0631 \u0631\u0627 \u062f\u0631 \u062d\u06cc\u0646 \u062a\u0648\u0633\u0639\u0647 \u0645\u062c\u062f\u062f\u0627\u064b \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u062c\u062f\u062f \u0645\u06cc \u06a9\u0646\u062f (\u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0645\u0627 \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645 D)<\/p>\n

\u067e\u0633 \u0627\u0632 \u0622\u0646\u060c \u06cc\u06a9 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f index.js (\u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0647\u0631 \u0622\u0646\u0686\u0647 \u0631\u0627 \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f) \u0632\u06cc\u0631\u0627 \u0645\u0627 \u0627\u0632 \u0622\u0646 \u0628\u0631\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u0645\u062d\u062f\u0648\u062f \u06a9\u0646\u0646\u062f\u0647 \u0646\u0631\u062e \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/p>\n

\u0628\u0639\u062f \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u0627\u06cc\u0646 \u06a9\u062f \u0631\u0627 \u06a9\u067e\u06cc \u0648 \u067e\u06cc\u0633\u062a \u06a9\u0631\u062f\u06cc\u062f \u06a9\u0647 \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u062a\u0648\u0636\u06cc\u062d \u062e\u0648\u0627\u0647\u0645 \u062f\u0627\u062f<\/p>\n

const express = require(“express”);
\nconst rateLimit = require(“express-rate-limit”);<\/p>\n

const app = express();<\/p>\n

\/\/ Set up rate limiter: 100 requests per 15 minutes
\nconst limiter = rateLimit({
\n windowMs: 15 * 60 * 1000, \/\/ 15 minutes
\n max: 5, \/\/ Limit each IP to 5 requests per `window` (here, per 15 minutes)
\n message: “Too many requests from this IP, please try again later.”,
\n});<\/p>\n

\/\/ Apply the rate limiting middleware to all requests
\napp.use(limiter);<\/p>\n

app.get(“\/api\/data”, (req, res) => {
\n res.send(“Welcome to the API!”);
\n});<\/p>\n

app.listen(5000, () => {
\n console.log(“Server running on http:\/\/localhost:5000”);
\n});<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0647\u0631 \u0628\u062e\u0634 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u062f\u0647\u062f:<\/p>\n

\u062f\u0648 \u062e\u0637 \u0627\u0648\u0644 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0645\u0627 \u0631\u0627 \u0648\u0627\u0631\u062f \u0645\u06cc \u06a9\u0646\u0646\u062f<\/p>\n

app = express() \u0633\u0631\u0648\u0631 \u0645\u0627 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f
\n\u0631\u0627 limiter \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a \u0628\u0627:<\/p>\n

windowMs: \u06cc\u06a9 \u067e\u0646\u062c\u0631\u0647 \u0632\u0645\u0627\u0646\u06cc 15 \u062f\u0642\u06cc\u0642\u0647 \u0627\u06cc \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc \u06a9\u0646\u062f (15 \u00d7 60 \u00d7 1000 \u0645\u06cc\u0644\u06cc \u062b\u0627\u0646\u06cc\u0647)<\/p>\n

max: 5 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0628\u0647 \u0627\u0632\u0627\u06cc \u0647\u0631 \u0622\u062f\u0631\u0633 IP \u062f\u0631 \u0622\u0646 \u067e\u0646\u062c\u0631\u0647 \u0631\u0627 \u0645\u062c\u0627\u0632 \u0645\u06cc \u06a9\u0646\u062f<\/p>\n

message: \u067e\u06cc\u0627\u0645 \u062e\u0637\u0627\u06cc\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0632 \u062d\u062f \u0645\u062c\u0627\u0632 \u0641\u0631\u0627\u062a\u0631 \u0645\u06cc \u0631\u0648\u0646\u062f \u0645\u06cc \u0628\u06cc\u0646\u0646\u062f<\/p>\n

\u0633\u067e\u0633:<\/p>\n

app.use(limiter) \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e \u0645\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u0645\u0633\u06cc\u0631\u0647\u0627 \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f
\n\u0645\u0627 \u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0633\u0627\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u06cc\u0645 ‘\/api\/data’ \u06a9\u0647 \u067e\u06cc\u0627\u0645 \u062e\u0648\u0634\u0627\u0645\u062f\u06af\u0648\u06cc\u06cc \u0645\u06cc \u0641\u0631\u0633\u062a\u062f
\n\u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0633\u0631\u0648\u0631 \u0631\u0627 \u0631\u0648\u06cc \u067e\u0648\u0631\u062a 5000 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u0645<\/p>\n

\u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u06cc\u0634 \u0627\u0632 100 \u0628\u0627\u0631 \u062f\u0631 \u0645\u062f\u062a 15 \u062f\u0642\u06cc\u0642\u0647 \u0627\u0632 \u0647\u0645\u0627\u0646 IP \u0628\u0647 API \u0634\u0645\u0627 \u0636\u0631\u0628\u0647 \u0645\u06cc \u0632\u0646\u0646\u062f\u060c \u0628\u0647 \u062c\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 API\u060c \u067e\u06cc\u0627\u0645 \u062e\u0637\u0627 \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/p>\n

\u0627\u06a9\u0646\u0648\u0646 \u06a9\u0647 \u0645\u06cc \u062f\u0627\u0646\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f\u060c \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u0628\u0627 \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647\u060c \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u062c\u062f\u062f \u062e\u0648\u062f\u06a9\u0627\u0631 \u0631\u0627 \u0641\u0639\u0627\u0644 \u06a9\u0646\u06cc\u0645 package.json \ud83d\udc47\ud83c\udffd<\/p>\n

{
\n “scripts”: {
\n “dev”: “nodemon index.js”
\n }
\n}<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u06cc\u0646 \u0647\u0645\u0647 \u0628\u0631\u0627\u06cc \u0628\u0627\u0637\u0646 \u0627\u0633\u062a.<\/p>\n

\u0648\u0642\u062a \u0622\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0642\u0633\u0645\u062a \u062c\u0644\u0648\u06cc\u06cc \u0631\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n

\u06cc\u06a9 \u062a\u0631\u0645\u06cc\u0646\u0627\u0644 \u062c\u062f\u06cc\u062f \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u0648 cd \u0648\u0627\u0631\u062f \u067e\u0648\u0634\u0647 frontend \u0634\u062f\u0647 \u0648 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f \ud83d\udc47\ud83c\udffd<\/p>\n

npm create vite@latest .<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644 \u0647\u0627\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f \u0648 \u0627\u06af\u0631 \u062a\u0627\u06cc\u067e \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0646\u0645\u06cc \u062f\u0627\u0646\u06cc\u062f\u060c \u0628\u0647 \u0634\u0645\u0627 \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u0645 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f
\n\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u062e\u0644\u0627\u0635 \u0634\u062f\u0646 \u0627\u0632 \u0634\u0631 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647 \u0622\u0646\u200c\u0647\u0627 \u0646\u06cc\u0627\u0632 \u0646\u062f\u0627\u0631\u06cc\u062f\u060c \u06a9\u0645\u06cc \u067e\u0627\u06a9\u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0686\u06af\u0648\u0646\u0647 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u062f<\/p>\n

\u067e\u0633 \u0627\u0632 \u0627\u062a\u0645\u0627\u0645 \u06a9\u0627\u0631\u060c \u062f\u0631 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f App.jsx \u0648 \u0627\u06cc\u0646 \u06a9\u062f \u0631\u0648 \u067e\u06cc\u0633\u062a \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc\u062f\u0645 \ud83d\udc47\ud83c\udffd<\/p>\n

import { useState } from “react”;
\n import axios from “axios”;<\/p>\n

const App = () => {
\n const [response, setResponse] = useState(null);
\n const [error, setError] = useState(null);<\/p>\n

const fetchData = async () => {
\n try {
\n setError(null); \/\/ Reset error state before making a request
\n const res = await axios.get(“http:\/\/localhost:5000\/api\/data”);
\n setResponse(res.data.message);
\n } catch (err) {
\n setError(err.response?.data || “Error occurred while fetching data”);
\n }
\n };<\/p>\n

return (
\n <div className=”App”>
\n <header className=”App-header”>
\n <h1>Rate Limiting Test with Expressh1>
\n <button onClick={fetchData}>Fetch Data from Serverbutton>
\n {response && <p>Server Response: {response}p>}
\n {error && <p style={{ color: “red” }}>Error: {error}p>}
\n header>
\n div>
\n );
\n };<\/p>\n

export default App;<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc \u0627\u0641\u062a\u062f:<\/p>\n

\u0645\u0627 \u0648\u0627\u0631\u062f \u0645\u06cc \u06a9\u0646\u06cc\u0645 useState \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647 \u0647\u0627 \u0648 axios \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc API
\n\u0645\u0627 \u062f\u0648 \u0645\u062a\u063a\u06cc\u0631 \u062d\u0627\u0644\u062a \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u06cc\u0645:<\/p>\n

response: \u067e\u0627\u0633\u062e \u0647\u0627\u06cc \u0645\u0648\u0641\u0642 API \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u06a9\u0646\u062f<\/p>\n

error: \u0647\u0631\u06af\u0648\u0646\u0647 \u067e\u06cc\u0627\u0645 \u062e\u0637\u0627 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u06a9\u0646\u062f<\/p>\n

\u0631\u0627 fetchData \u062a\u0627\u0628\u0639:<\/p>\n

\u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647 \u062a\u0645\u0627\u0633 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc \u0634\u0648\u062f
\n\u0633\u0639\u06cc \u0645\u06cc \u06a9\u0646\u062f \u062f\u0627\u062f\u0647 \u0647\u0627 \u0631\u0627 \u0627\u0632 API \u0645\u0627 \u0648\u0627\u06a9\u0634\u06cc \u06a9\u0646\u062f
\n\u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u06cc\u0627 response \u06cc\u0627 error \u062f\u0648\u0644\u062a
\n\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f try\/catch \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0648\u0641\u0642\u06cc\u062a \u0648 \u062e\u0637\u0627\u0647\u0627<\/p>\n

UI \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f:<\/p>\n

\u06cc\u06a9 \u0639\u0646\u0648\u0627\u0646
\n\u062f\u06a9\u0645\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627
\n\u067e\u0627\u0633\u062e API (\u062f\u0631 \u0635\u0648\u0631\u062a \u0645\u0648\u0641\u0642\u06cc\u062a \u0622\u0645\u06cc\u0632 \u0628\u0648\u062f\u0646)
\n\u067e\u06cc\u0627\u0645 \u0647\u0627\u06cc \u062e\u0637\u0627 \u0628\u0647 \u0631\u0646\u06af \u0642\u0631\u0645\u0632 (\u062f\u0631 \u0635\u0648\u0631\u062a \u0639\u062f\u0645 \u0645\u0648\u0641\u0642\u06cc\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a) \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u062f\u0631 \u0639\u0631\u0636 15 \u062f\u0642\u06cc\u0642\u0647 \u0628\u0627\u0631\u0647\u0627 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647 \u06a9\u0644\u06cc\u06a9 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u060c \u067e\u06cc\u0627\u0645 \u062e\u0637\u0627\u06cc \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e \u0631\u0627 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0647\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646 \u0645\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f!<\/p>\n

\u0627\u06cc\u0646 \u0647\u0645\u0647 \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u062b\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a GET \u0627\u0633\u062a. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0647 \u0645\u062b\u0627\u0644 \u0628\u0639\u062f\u06cc \u0628\u0631\u0648\u06cc\u0645<\/p>\n

\u0646\u0645\u0648\u0646\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a POST<\/p>\n

\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u0635\u0645\u06cc\u0645 \u0628\u06af\u06cc\u0631\u06cc\u062f \u06a9\u0647 \u06a9\u062f \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644 \u0631\u0627 \u06a9\u0627\u0645\u0646\u062a \u06a9\u0646\u06cc\u062f \u0648 \u0627\u06cc\u0646 \u06a9\u062f \u0631\u0627 Paste \u06a9\u0646\u06cc\u062f \ud83d\udc47\ud83c\udffd<\/p>\n

import express from “express”;
\nimport cors from “cors”;
\nimport rateLimit from “express-rate-limit”;
\nimport bodyParser from “body-parser”;<\/p>\n

const app = express();<\/p>\n

app.use(cors());<\/p>\n

app.use(bodyParser.json());<\/p>\n

const limiter = rateLimit({
\n windowMs: 15 * 60 * 1000, \/\/ 15 minutes
\n max: 5, \/\/ limit each IP to 100 requests per windowMs
\n message: “Too many requests from this IP, please try again after 15 minutes”,
\n});<\/p>\n

app.post(“\/api\/submit-form”, limiter, (req, res) => {
\n const { name, email, message } = req.body;<\/p>\n

\/\/ Simulate processing form data
\n console.log(`Received form submission from ${name} (${email}): ${message}`);<\/p>\n

res.json({ message: “Form has been submitted successfully!” });
\n});<\/p>\n

app.listen(5000, () => console.log(`Listening on port ${5000}`));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0645\u06cc \u0628\u06cc\u0646\u06cc\u062f \u06a9\u0647 \u0627\u06a9\u062b\u0631 \u06a9\u062f\u0647\u0627 \u0628\u0627 \u0645\u062b\u0627\u0644 \u0627\u0648\u0644 \u06cc\u06a9\u0633\u0627\u0646 \u0647\u0633\u062a\u0646\u062f\u060c \u0627\u0645\u0627 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0641\u0642\u0637 \u0686\u0646\u062f \u062a\u0641\u0627\u0648\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \ud83d\udc47\ud83c\udffd<\/p>\n

\u0627\u0636\u0627\u0641\u0647 \u0634\u062f bodyParser \u0628\u0631\u0627\u06cc \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0641\u0631\u0645
\n\u06cc\u06a9 \u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646\u06cc POST \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0627\u0631\u0633\u0627\u0644 \u0647\u0627\u06cc \u0641\u0631\u0645 \u0631\u0627 \u067e\u0631\u062f\u0627\u0632\u0634 \u0645\u06cc \u06a9\u0646\u062f<\/p>\n

\u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u06cc\u0646 \u06a9\u062f \u0631\u0627 \u062f\u0631 \u0642\u0633\u0645\u062a \u062c\u0644\u0648\u06cc\u06cc \u0646\u06cc\u0632 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f<\/p>\n

import { useState } from “react”;
\nimport axios from “axios”;<\/p>\n

const App = () => {
\n const [formData, setFormData] = useState({
\n name: “”,
\n email: “”,
\n message: “”,
\n });
\n const [response, setResponse] = useState(null);
\n const [error, setError] = useState(null);<\/p>\n

const handleInputChange = (e) => {
\n const { name, value } = e.target;
\n setFormData({ …formData, [name]: value });
\n };<\/p>\n

const handleSubmit = async (e) => {
\n e.preventDefault();
\n try {
\n setError(null); \/\/ Reset error state before making a request
\n const res = await axios.post(
\n “http:\/\/localhost:5000\/api\/submit-form”,
\n formData,
\n );
\n setResponse(res.data.message);
\n } catch (err) {
\n setError(
\n err.response?.data || “Error occurred while submitting the form”,
\n );
\n }
\n };<\/p>\n

return (
\n <div className=”App”>
\n <header className=”App-header”>
\n <h1>Rate Limiting Form Submission with Expressh1>
\n <form onSubmit={handleSubmit}>
\n <div>
\n <label>Name:label>
\n <input
\n type=”text”
\n name=”name”
\n value={formData.name}
\n onChange={handleInputChange}
\n required
\n \/>
\n div>
\n <div>
\n <label>Email:label>
\n <input
\n type=”email”
\n name=”email”
\n value={formData.email}
\n onChange={handleInputChange}
\n required
\n \/>
\n div>
\n <div>
\n <label>Message:label>
\n <textarea
\n name=”message”
\n value={formData.message}
\n onChange={handleInputChange}
\n required
\n \/>
\n div>
\n <button type=”submit”>Submitbutton>
\n form>
\n {response && (
\n <p style={{ color: “green” }}>Server Response: {response}p>
\n )}
\n {error && <p style={{ color: “red” }}>Error: {error}p>}
\n header>
\n div>
\n );
\n};<\/p>\n

export default App;<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627\u060c \u0645\u0627 \u0628\u0647 \u0633\u0627\u062f\u06af\u06cc \u0627\u0632 \u0637\u0631\u06cc\u0642 \u06cc\u06a9 \u0641\u0631\u0645 \u0628\u0647 \u0633\u0631\u0648\u0631 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u06cc \u062f\u0647\u06cc\u0645. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u0645 \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0627\u06cc\u0646 \u0628\u0627 \u0645\u062b\u0627\u0644 GET \u0645\u062a\u0641\u0627\u0648\u062a \u0627\u0633\u062a:<\/p>\n

\u0627\u0632 \u06cc\u06a9 \u0641\u0631\u0645 \u0628\u0647 \u062c\u0627\u06cc \u06cc\u06a9 \u062f\u06a9\u0645\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f
\n\u062d\u0627\u0644\u062a \u0641\u0631\u0645 \u0631\u0627 \u0628\u0627 formData<\/p>\n

\u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0648\u0631\u0648\u062f\u06cc \u0631\u0627 \u0628\u0627 handleInputChange<\/p>\n

\u0627\u0632 \u062f\u0631\u062e\u0648\u0627\u0633\u062a POST \u0628\u0647 \u062c\u0627\u06cc GET \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f
\n\u067e\u06cc\u0627\u0645 \u0645\u0648\u0641\u0642\u06cc\u062a \u0631\u0627 \u0628\u0647 \u0631\u0646\u06af \u0633\u0628\u0632 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f<\/p>\n

\u0627\u06cc\u0646 \u0641\u0631\u0645 \u0628\u0647 5 \u0627\u0631\u0633\u0627\u0644 \u062f\u0631 15 \u062f\u0642\u06cc\u0642\u0647 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f – \u067e\u0633 \u0627\u0632 \u0622\u0646\u060c \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u067e\u06cc\u0627\u0645 \u062e\u0637\u0627\u06cc \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/p>\n

\u0646\u062a\u06cc\u062c\u0647 \u06af\u06cc\u0631\u06cc<\/p>\n

\u0628\u0633\u06cc\u0627\u0631 \u062e\u0648\u0628 \u0628\u0686\u0647 \u0647\u0627\u060c \u062a\u0628\u0631\u06cc\u06a9 \u0645\u06cc \u06af\u0648\u06cc\u0645 \u06a9\u0647 \u0628\u0647 \u067e\u0627\u06cc\u0627\u0646 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0631\u0633\u06cc\u062f\u06cc\u062f \ud83c\udf89. \u0627\u0645\u06cc\u062f\u0648\u0627\u0631\u0645 \u0627\u06a9\u0646\u0648\u0646 \u0627\u06cc\u062f\u0647 \u0627\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0646\u0631\u062e \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u0648 \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0622\u0646 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0628\u0647 \u062e\u0635\u0648\u0635 \u0627\u06af\u0631 \u0631\u0648\u06cc \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u062a\u0631\u06cc \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0645\u0633\u062a\u0644\u0632\u0645 \u067e\u0648\u0644 \u0627\u0633\u062a. \u0627\u06af\u0631 \u0633\u0648\u0627\u0644\u06cc \u062f\u0627\u0631\u06cc\u062f \u062f\u0631 \u06a9\u0627\u0645\u0646\u062a \u0628\u067e\u0631\u0633\u06cc\u062f. \u06a9\u062f \u0646\u0648\u06cc\u0633\u06cc \u0645\u0628\u0627\u0631\u06a9 \ud83e\udd20<\/p>\n

\n

\u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0646\u0631\u062e \u06cc\u06a9 \u0645\u0641\u0647\u0648\u0645 \u062d\u06cc\u0627\u062a\u06cc \u062f\u0631 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u0627\u0633\u062a. \u062b\u0628\u0627\u062a \u0633\u0631\u0648\u0631\u060c \u062a\u062e\u0635\u06cc\u0635 \u06a9\u0627\u0631\u0622\u0645\u062f \u0645\u0646\u0627\u0628\u0639 \u0648 \u0645\u062d\u0627\u0641\u0638\u062a \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u062d\u0645\u0644\u0627\u062a \u0645\u062e\u0631\u0628 \u0631\u0627 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0645\u0627 \u0628\u0647 \u0645\u0627\u0647\u06cc\u062a \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e\u060c \u0627\u0647\u0645\u06cc\u062a \u0622\u0646\u060c \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0648 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u0639\u0645\u0644\u06a9\u0631\u062f \u0622\u0646 \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u06cc\u0645. \u0628\u06cc\u0627 \u062f\u0631\u0633\u062a \u0634\u06cc\u0631\u062c\u0647 \u0628\u0632\u0646\u06cc\u0645 \ud83d\ude09<\/p>\n

\n
\n

\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n