mcpField
A
authentication-patterns

authentication-patterns

github.com/rohitg00セキュリティ2.8k187 回インストール24 週間前に更新
リポジトリ

authentication-patterns について

Web認証と認可を実装する開発者向けの認証パターン集です。トークン処理、OAuth2 PKCE、RBAC、一般的なセキュリティ上の注意点を扱います。

主な機能

  1. 01JWTアクセス・リフレッシュトークンのパターン
  2. 02Bearerトークン認証ミドルウェア
  3. 03OAuth2認可コードフローとPKCE
  4. 04RBAC権限モデル
  5. 05認証セキュリティチェックリスト

活用シーン

  1. 01トークンベースのWeb認証の設計
  2. 02パブリッククライアントへのOAuth2 PKCE導入
  3. 03ルートとデータアクセス層での権限確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/rohitg00/awesome-claude-code-toolkit --skill authentication-patterns

インストール後、Claude Code で/authentication-patternsを入力して読み込まれたか確認します。

詳細

認証パターン

JWT アクセストークンとリフレッシュトークン

import jwt from "jsonwebtoken";

interface TokenPayload {
  sub: string;
  email: string;
  roles: string[];
}

function generateTokens(user: User) {
  const accessToken = jwt.sign(
    { sub: user.id, email: user.email, roles: user.roles },
    process.env.JWT_SECRET!,
    { expiresIn: "15m", issuer: "auth-service" }
  );

  const refreshToken = jwt.sign(
    { sub: user.id, tokenVersion: user.tokenVersion },
    process.env.REFRESH_SECRET!,
    { expiresIn: "7d", issuer: "auth-service" }
  );

  return { accessToken, refreshToken };
}

function verifyAccessToken(token: string): TokenPayload {
  return jwt.verify(token, process.env.JWT_SECRET!, {
    issuer: "auth-service",
  }) as TokenPayload;
}

有効期間の短いアクセストークン(15 分)と、有効期間の長いリフレッシュトークン(7 日)を使用します。リフレッシュトークンは HTTP のみでアクセス可能な Cookie に保存します。

認証ミドルウェア

function authenticate(req: Request, res: Response, next: NextFunction) {
  const header = req.headers.authorization;
  if (!header?.startsWith("Bearer ")) {
    return res.status(401).json({ error: "Missing authorization header" });
  }

  try {
    const payload = verifyAccessToken(header.slice(7));
    req.user = payload;
    next();
  } catch (error) {
    if (error instanceof jwt.TokenExpiredError) {
      return res.status(401).json({ error: "Token expired" });
    }
    return res.status(401).json({ error: "Invalid token" });
  }
}

function authorize(...roles: string[]) {
  return (req: Request, res: Response, next: NextFunction) => {
    if (!req.user) return res.status(401).json({ error: "Not authenticated" });
    if (!roles.some(role => req.user.roles.includes(role))) {
      return res.status(403).json({ error: "Insufficient permissions" });
    }
    next();
  };
}

app.get("/admin/users", authenticate, authorize("admin"), listUsers);

OAuth2 認可コードフロー(PKCE 対応)

import crypto from "crypto";

function generatePKCE() {
  const verifier = crypto.randomBytes(32).toString("base64url");
  const challenge = crypto
    .createHash("sha256")
    .update(verifier)
    .digest("base64url");
  return { verifier, challenge };
}

app.get("/auth/login", (req, res) => {
  const { verifier, challenge } = generatePKCE();
  req.session.codeVerifier = verifier;

  const params = new URLSearchParams({
    response_type: "code",
    client_id: process.env.OAUTH_CLIENT_ID!,
    redirect_uri: `${process.env.APP_URL}/auth/callback`,
    scope: "openid profile email",
    code_challenge: challenge,
    code_challenge_method: "S256",
    state: crypto.randomBytes(16).toString("hex"),
  });

  res.redirect(`${process.env.OAUTH_AUTHORIZE_URL}?${params}`);
});

app.get("/auth/callback", async (req, res) => {
  const { code } = req.query;

  const tokenResponse = await fetch(process.env.OAUTH_TOKEN_URL!, {
    method: "POST",
    headers: { "Content-Type": "application/x-www-form-urlencoded" },
    body: new URLSearchParams({
      grant_type: "authorization_code",
      code: code as string,
      redirect_uri: `${process.env.APP_URL}/auth/callback`,
      client_id: process.env.OAUTH_CLIENT_ID!,
      code_verifier: req.session.codeVerifier,
    }),
  });

  const tokens = await tokenResponse.json();
  const userInfo = jwt.decode(tokens.id_token);

  req.session.user = { id: userInfo.sub, email: userInfo.email };
  res.redirect("/dashboard");
});

RBAC モデル

interface Permission {
  resource: string;
  action: "create" | "read" | "update" | "delete";
}

const ROLE_PERMISSIONS: Record<string, Permission[]> = {
  viewer: [
    { resource: "posts", action: "read" },
    { resource: "comments", action: "read" },
  ],
  editor: [
    { resource: "posts", action: "create" },
    { resource: "posts", action: "read" },
    { resource: "posts", action: "update" },
    { resource: "comments", action: "create" },
    { resource: "comments", action: "read" },
  ],
  admin: [
    { resource: "*", action: "create" },
    { resource: "*", action: "read" },
    { resource: "*", action: "update" },
    { resource: "*", action: "delete" },
  ],
};

function hasPermission(roles: string[], resource: string, action: string): boolean {
  return roles.some(role =>
    ROLE_PERMISSIONS[role]?.some(
      p => (p.resource === resource || p.resource === "*") && p.action === action
    )
  );
}

アンチパターン

  • JWT を localStorage に保存する(XSS に対して脆弱です。HTTP のみでアクセス可能な Cookie を使用してください)
  • 複数のサービスで JWT に対称鍵のシークレットを使用する(鍵ペアを使った RS256 を使用してください)
  • トークン検証時に iss、aud、exp のクレームを検証しない
  • bcrypt/argon2 を使用せず、独自のパスワードハッシュを実装する
  • Cookie ベースの認証で CSRF 対策を行わない
  • 「ユーザーが見つからない」場合と「パスワードが間違っている」場合で異なるエラーメッセージを返す(ユーザー列挙につながります)

チェックリスト

  • アクセストークンの有効期間が短い(15 分以内)
  • リフレッシュトークンを HTTP のみでアクセス可能かつ Secure、SameSite 属性付きの Cookie に保存している
  • パスワードを bcrypt または argon2 でハッシュ化している(MD5/SHA は使用しない)
  • パブリッククライアントに OAuth2 PKCE フローを使用している
  • RBAC の権限をルート層とデータアクセス層の両方で確認している
  • バージョンカウンターまたはブロックリストによるトークン失効に対応している
  • Cookie ベースの認証で CSRF 対策を有効にしている
  • 認証エラーからユーザーの存在が判明しない

コメント