PHP et Vue.js développent des méthodes d'application pour se défendre contre les attaques d'usurpation d'identité

<?php
session_start();

// 校验用户名和密码
function authenticate($username, $password) {
    // 根据实际情况进行用户名和密码的校验
    if ($username === 'admin' && $password === 'password') {
        return true;
    } else {
        return false;
    }
}

// 处理用户登录请求
function login() {
    $username = $_POST['username'];
    $password = $_POST['password'];

    if (authenticate($username, $password)) {
        $_SESSION['loggedin'] = true;
        $_SESSION['username'] = $username;
        echo json_encode(['success' => true]);
    } else {
        echo json_encode(['success' => false, 'message' => 'Incorrect username or password']);
    }
}

// 处理用户注销请求
function logout() {
    unset($_SESSION['loggedin']);
    unset($_SESSION['username']);
    session_destroy();
    echo json_encode(['success' => true]);
}

// 检查用户是否已登录
function checkLoggedIn() {
    if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true) {
        echo json_encode(['loggedIn' => true, 'username' => $_SESSION['username']]);
    } else {
        echo json_encode(['loggedIn' => false]);
    }
}

// 校验用户权限
function authorize($requiredPermission) {
    // 根据实际情况进行权限校验
    if ($_SESSION['username'] !== 'admin') {
        echo json_encode(['success' => false, 'message' => 'You are not authorized']);
        exit;
    }
}

?>

<template>
  <div>
    <input v-model="username" placeholder="Username">
    <input v-model="password" placeholder="Password" type="password">
    <button @click="login">Login</button>
    <button @click="logout">Logout</button>
    <div v-if="loggedIn">
      <p>Welcome, {{ username }}!</p>
      <button @click="doAuthorizedAction">Perform authorized action</button>
    </div>
  </div>
</template>

<script>
  import axios from 'axios';

  export default {
    data() {
      return {
        username: '',
        password: '',
        loggedIn: false,
      };
    },
    methods: {
      login() {
        axios.post('/auth.php', {
          username: this.username,
          password: this.password,
        }).then(response => {
          if (response.data.success) {
            this.loggedIn = true;
          } else {
            alert(response.data.message);
          }
        }).catch(error => {
          console.error(error);
        });
      },
      logout() {
        axios.post('/auth.php?action=logout').then(response => {
          if (response.data.success) {
            this.loggedIn = false;
          }
        }).catch(error => {
          console.error(error);
        });
      },
      checkLoggedIn() {
        axios.get('/auth.php?action=checkLoggedIn').then(response => {
          if (response.data.loggedIn) {
            this.loggedIn = true;
            this.username = response.data.username;
          }
        }).catch(error => {
          console.error(error);
        });
      },
      doAuthorizedAction() {
        axios.post('/auth.php?action=authorize&requiredPermission=somePermission').then(response => {
          if (response.data.success) {
            // 执行需要授权的操作
          } else {
            alert(response.data.message);
          }
        }).catch(error => {
          console.error(error);
        });
      },
    },
    mounted() {
      this.checkLoggedIn();
    },
  };
</script>

<?php
// 保证所有请求都是通过HTTPS协议访问
if ($_SERVER['HTTPS'] !== 'on') {
    $redirectUrl = 'https://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
    header('Location: ' . $redirectUrl);
    exit;
}

// 其他代码
?>

<?php
// 用户注册时，将密码进行哈希处理后再存储
$password = $_POST['password'];
$hashedPassword = password_hash($password, PASSWORD_DEFAULT);

// 用户登录时，校验哈希后的密码是否匹配
$storedPassword = // 从数据库中获取存储的密码
if (password_verify($password, $storedPassword)) {
    // 校验通过
} else {
    // 校验失败
}
?>