authentication-patterns について
Web認証と認可を実装する開発者向けの認証パターン集です。トークン処理、OAuth2 PKCE、RBAC、一般的なセキュリティ上の注意点を扱います。
主な機能
- 01JWTアクセス・リフレッシュトークンのパターン
- 02Bearerトークン認証ミドルウェア
- 03OAuth2認可コードフローとPKCE
- 04RBAC権限モデル
- 05認証セキュリティチェックリスト
活用シーン
- 01トークンベースのWeb認証の設計
- 02パブリッククライアントへのOAuth2 PKCE導入
- 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 対策を有効にしている
- 認証エラーからユーザーの存在が判明しない
コメント
Markdown 対応