Аутентификация пользователей — важнейший аспект современных веб-приложений, обеспечивающий безопасный способ идентификации и авторизации пользователей. В этой статье блога мы рассмотрим различные методы реализации аутентификации пользователей в TypeScript, статически типизированной расширенной версии JavaScript. Мы рассмотрим различные методы аутентификации и предоставим примеры кода, которые помогут вам понять и эффективно их реализовать.

1. Аутентификация по имени пользователя и паролю.
   Одним из наиболее распространенных методов аутентификации является традиционный подход с использованием имени пользователя и пароля. Вот пример того, как вы можете реализовать это в TypeScript, используя библиотеку bcrypt для хеширования паролей:

import bcrypt from "bcrypt";
// Assume `users` is a collection of user records with hashed passwords
async function login(username: string, password: string): Promise<boolean> {
  const user = users.find((u) => u.username === username);
  if (!user) {
    return false; // User not found
  }
  const isValidPassword = await bcrypt.compare(password, user.password);
  return isValidPassword;
}

1. Аутентификация на основе токенов (JWT):
   Веб-токены JSON (JWT) широко используются для аутентификации без сохранения состояния. Вот пример того, как можно реализовать аутентификацию на основе JWT в TypeScript с использованием библиотеки jsonwebtoken:

import jwt from "jsonwebtoken";
// Secret key for signing and verifying tokens
const secretKey = "your-secret-key";
function generateToken(userId: string): string {
  return jwt.sign({ userId }, secretKey, { expiresIn: "1h" });
}
function verifyToken(token: string): string | null {
  try {
    const decodedToken = jwt.verify(token, secretKey);
    return decodedToken.userId;
  } catch (error) {
    return null; // Invalid token
  }
}

1. Аутентификация OAuth.
   OAuth – популярный протокол аутентификации, используемый для сторонней аутентификации. Вот пример того, как можно реализовать аутентификацию OAuth в TypeScript с помощью библиотеки passport:

import passport from "passport";
import { Strategy as GoogleStrategy } from "passport-google-oauth20";
// Configure Google OAuth strategy
passport.use(
  new GoogleStrategy(
    {
      clientID: "your-client-id",
      clientSecret: "your-client-secret",
      callbackURL: "your-callback-url",
    },
    (accessToken, refreshToken, profile, done) => {
      // Handle user authentication and profile
      // ...
    }
  )
);
// Express route for starting Google OAuth authentication
app.get("/auth/google", passport.authenticate("google", { scope: ["profile", "email"] }));
// Express route for handling Google OAuth callback
app.get("/auth/google/callback", passport.authenticate("google", { failureRedirect: "/login" }), (req, res) => {
  // User authenticated successfully
  res.redirect("/dashboard");
});

1. Двухфакторная аутентификация (2FA).
   Двухфакторная аутентификация добавляет дополнительный уровень безопасности, требуя от пользователей предоставления второго фактора, обычно уникального кода. Вот пример того, как можно реализовать 2FA в TypeScript с помощью библиотеки speakeasy:

import speakeasy from "speakeasy";
function generateOTP(): string {
  const secret = speakeasy.generateSecret();
  return secret.otpauth_url;
}
function verifyOTP(userOTP: string, secret: string): boolean {
  const verified = speakeasy.totp.verify({ secret, encoding: "base32", token: userOTP });
  return verified;
}

В этой статье мы рассмотрели несколько методов реализации аутентификации пользователей в TypeScript. Мы рассмотрели аутентификацию по имени пользователя и паролю, аутентификацию на основе токенов с использованием JWT, аутентификацию OAuth и двухфакторную аутентификацию. Поняв эти методы аутентификации и примеры их кода, вы будете готовы эффективно защитить свои приложения TypeScript.

Не забудьте выбрать метод аутентификации, который лучше всего соответствует требованиям вашего приложения и потребностям безопасности.