API Rate Limiting & Scalability Patterns · レッスン

クライアント側とサーバー側の制限

クライアントとサーバーのどちらでレート制限を実装するかについて、メリットとデメリットを分析し、効果的に組み合わせる方法を学びます。

「クライアント側とサーバー側の制限」はCoddyKit上の無料API Rate Limiting & Scalability Patternsレッスンです。これはレッスン3/4です。下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。これはAPI Rate Limiting & Scalability Patterns学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 API Rate Limiting & Scalability Patternsコースには全4レッスンが含まれています。

このレッスンの一部はまだ翻訳されておらず、英語で表示されています。

Layered Rate Limiting

Welcome! In previous lessons, we learned about different rate limiting algorithms. Now, let's explore where these limits are enforced: on the client or on the server.

Understanding the pros and cons of each approach, and how to combine them, is key to building robust and user-friendly APIs.

Client-Side Limits: First Line

Client-side rate limits are enforced by the client application itself. This could be your web browser (using JavaScript), a mobile app, or even a desktop application.

They act as a 'polite' gatekeeper, preventing users from accidentally spamming your API. Think of disabling a 'submit' button for a few seconds after a click.

Client Limit Simulation

Here's a simple Java program that simulates a client-side limit. It allows a certain number of 'actions' before telling the user to wait, without ever sending a request to a server.

public class ClientSimulator {
  private static int requestCount = 0;
  private static final int MAX_REQUESTS = 3;

  public static void main(String[] args) {
    System.out.println("Simulating client actions:");
    for (int i = 0; i < 5; i++) {
      if (canMakeRequest()) {
        System.out.println("Action " + (i + 1) + ": Request allowed.");
        incrementRequestCount();
      } else {
        System.out.println("Action " + (i + 1) + ": Client-side limit reached. Please wait.");
      }
    }
  }

  private static boolean canMakeRequest() {
    return requestCount < MAX_REQUESTS;
  }

  private static void incrementRequestCount() {
    requestCount++;
  }
}

Client-Side Pros

Client-side limits offer several advantages:

Immediate Feedback: Users know they've hit a limit without waiting for a server response.
Reduced Server Load: Prevents unnecessary requests from even reaching your API backend.
Improved UX: Enhances user experience by guiding them on proper usage.

Client-Side Cons

However, client-side limits have significant drawbacks:

Easily Bypassed: Malicious users can disable JavaScript or use tools like Postman to bypass these limits.
Not for Security: They cannot protect your API from determined attackers or abuse.
Client Dependence: Relies on the client application to correctly enforce the rules.

They are a convenience, not a security measure.

Server-Side Limits: The Gatekeeper

Server-side rate limits are enforced on your API gateway or backend services. These are the authoritative controls that truly protect your infrastructure.

Algorithms like Fixed Window, Leaky Bucket, and Token Bucket are implemented here to control request traffic.

Server-Side Pros

Server-side limits are crucial for API stability:

Authoritative & Secure: Cannot be bypassed by clients; provides real protection.
Resource Protection: Shields your backend servers and databases from overload and DoS attacks.
Fair Usage: Ensures all consumers get a fair share of API resources.
Cost Control: Prevents excessive usage that could lead to unexpected infrastructure costs.

Server-Side Cons

While essential, server-side limits also have downsides:

Latency: Users only discover a limit after their request has traveled to the server and back.
Implementation Complexity: Can be complex, especially in distributed systems (e.g., sharing state across multiple servers).
Resource Consumption: Requires server resources to track and enforce limits.

Combining Limits: A Strong Defense

The most effective strategy is to combine both client-side and server-side rate limits. This creates a layered defense:

Client-side: Improves user experience and reduces frivolous requests.
Server-side: Provides the ultimate, unbypassable protection for your API infrastructure.

They work in synergy to offer both a smooth user experience and robust backend protection.

Quick Check

Consider the characteristics of client-side and server-side rate limiting. Which of the following statements are TRUE?

Recap: Client vs. Server Limits

In this lesson, we explored the differences between client-side and server-side rate limits.

Client-side limits enhance UX and reduce casual traffic, but are easily bypassed.
Server-side limits are essential for security, resource protection, and fair usage, despite potential latency.

The best practice is to implement both, creating a resilient, layered defense for your API.

よくある質問

「クライアント側とサーバー側の制限」レッスンは無料ですか？

はい。「クライアント側とサーバー側の制限」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、API Rate Limiting & Scalability Patternsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 API Rate Limiting & Scalability Patternsコースには全4レッスンが含まれています。

「クライアント側とサーバー側の制限」で何を学びますか？

クライアントとサーバーのどちらでレート制限を実装するかについて、メリットとデメリットを分析し、効果的に組み合わせる方法を学びます。ブラウザで直接実行するハンズオンコードでAPI Rate Limiting & Scalability Patternsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

API Rate Limiting & Scalability Patternsを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのAPI Rate Limiting & Scalability Patternsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。これはレッスン3/4です。

「クライアント側とサーバー側の制限」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このAPI Rate Limiting & Scalability Patternsレッスンでコードを書いて実行できますか？

はい。すべてのAPI Rate Limiting & Scalability Patternsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

← API Rate Limiting & Scalability Patternsに戻る