文章中英模式

布鲁斯前端面试题目 - SQL注入攻击详解

深入解析SQL注入攻击原理、种类与防御机制。了解如何防范SQL注入攻击，保护Web应用数据库安全。

文章中英模式

懒得看文章？那就来看视频吧

SQL注入攻击是什么？

SQL注入是一种攻击者通过在输入字段中插入恶意SQL代码，使应用程序执行未授权SQL命令的安全漏洞。当应用直接将用户输入拼接到SQL查询中而不进行过滤时，就会出现这种漏洞。

正常登录流程：

// 用户输入
用户名: bruce
密码: 123456

// 生成的SQL
SELECT * FROM users 
WHERE username = 'bruce' 
AND password = '123456'

SQL注入攻击：

// 用户输入
用户名: admin' --
密码: 任意内容

// 生成的SQL
SELECT * FROM users 
WHERE username = 'admin' --' 
AND password = '任意内容'

-- 是SQL注释，使密码检查被忽略

⚠️ SQL注入攻击可能导致：

1. 未授权访问敏感数据（用户资料、信用卡号等）
2. 绕过身份认证，以他人身份登录
3. 修改或删除数据库中的数据
4. 执行管理操作（如删除整个数据表）
5. 在某些情况下获取服务器控制权

前端相关的SQL注入风险

虽然SQL注入主要是后端问题，但前端开发者也需要了解并协助防范：

1. API请求中的参数可能被用于构建SQL查询
2. 前端表单数据直接传递给后端时可能存在风险
3. 客户端存储的数据（如localStorage）若用于查询也可能被利用

防范SQL注入的方法

1. 使用参数化查询/预处理语句

// 不安全的方式
const query = "SELECT * FROM users WHERE username = '" + username + "'";

// 安全的方式（参数化查询）
const query = "SELECT * FROM users WHERE username = ?";
db.execute(query, [username]);

2. 前端输入验证

虽然前端验证可被绕过，但仍是多层防御的一部分

// React表单验证示例
const validateInput = (input) => {
  // 移除SQL特殊字符
  if (/[;'"\-]/.test(input)) {
    setError('输入包含不允许的字符');
    return false;
  }
  return true;
};

3. 使用ORM（对象关系映射）

ORM是将代码中的对象与数据库表格建立映射关系的工具，让开发者可以用操作对象的方式来操作数据库，而不需要直接写SQL语句

// 不使用ORM (直接写SQL)
const query = "SELECT * FROM users WHERE id = " + userId;

// 使用ORM (例如Sequelize)
const user = await User.findByPk(userId);  // 自动防护SQL注入

ORM工具会自动处理参数化查询，有效防止SQL注入攻击，同时提高代码可读性和维护性

SQL注入常见面试题

1. 如何避免SQL注入，前端能做些什么？

答：虽然SQL注入防护主要是后端责任，但前端也能提供额外保护层：

1. 输入验证与消毒

实施客户端输入验证，过滤或转义特殊字符（如单引号、分号等）

const sanitizeInput = (input) => {
  return input.replace(/[\';\-\"\/\*]/g, '');
};

2. 使用参数化API请求

使用结构化数据（如JSON）而非字符串拼接传递参数

// 推荐：使用结构化数据
fetch('/api/users', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ username, password })
});

3. 使用现代前端框架

React、Vue等框架自动转义输出，防止XSS攻击，间接减少SQL注入风险

4. 实施适当的错误处理

避免向用户显示详细的数据库错误信息，这可能帮助攻击者调整注入策略

记住：前端防护只是第一道防线，永远不能替代后端的安全措施。SQL注入的根本防御必须在后端实现，如使用参数化查询、ORM和适当的权限控制。