Add token-protected admin panel for categories and photo uploads
This commit is contained in:
Alex Assistant
parent
9196452688
commit
0a8d0ade23
20
README.md
20
README.md
|
|
@ -16,6 +16,7 @@ photo-gallery/
|
||||||
├─ style.css # стили (material-like, строгий)
|
├─ style.css # стили (material-like, строгий)
|
||||||
├─ app.js # лайтбокс
|
├─ app.js # лайтбокс
|
||||||
├─ deploy.php # webhook-триггер деплоя
|
├─ deploy.php # webhook-триггер деплоя
|
||||||
|
├─ admin.php # закрытая админка (папки + загрузка фото)
|
||||||
├─ deploy-config.php.example # пример конфига webhook
|
├─ deploy-config.php.example # пример конфига webhook
|
||||||
├─ photos/ # исходные фото по категориям (папкам)
|
├─ photos/ # исходные фото по категориям (папкам)
|
||||||
├─ thumbs/ # автогенерируемые превью
|
├─ thumbs/ # автогенерируемые превью
|
||||||
|
|
@ -91,6 +92,25 @@ bash scripts/deploy.sh
|
||||||
BRANCH=master bash scripts/deploy.sh
|
BRANCH=master bash scripts/deploy.sh
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Админка загрузки (по токену)
|
||||||
|
|
||||||
|
Админка использует тот же `token`, что и `deploy.php`, из файла `deploy-config.php`.
|
||||||
|
|
||||||
|
Ссылка входа:
|
||||||
|
|
||||||
|
```text
|
||||||
|
https://<домен>/admin.php?token=<твой_секрет>
|
||||||
|
```
|
||||||
|
|
||||||
|
В админке можно:
|
||||||
|
- создавать папки-категории,
|
||||||
|
- загружать фото в выбранную папку.
|
||||||
|
|
||||||
|
Ограничения загрузки:
|
||||||
|
- только изображения: JPG/PNG/WEBP/GIF,
|
||||||
|
- максимум 3 МБ на файл,
|
||||||
|
- MIME-тип и расширение проверяются на сервере.
|
||||||
|
|
||||||
## Удалённый запуск деплоя по ссылке (webhook)
|
## Удалённый запуск деплоя по ссылке (webhook)
|
||||||
|
|
||||||
1. На хостинге создай конфиг из примера:
|
1. На хостинге создай конфиг из примера:
|
||||||
|
|
|
||||||
308
admin.php
Normal file
308
admin.php
Normal file
|
|
@ -0,0 +1,308 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
declare(strict_types=1);
|
||||||
|
|
||||||
|
const MAX_UPLOAD_BYTES = 3 * 1024 * 1024; // 3 MB
|
||||||
|
|
||||||
|
$configPath = __DIR__ . '/deploy-config.php';
|
||||||
|
if (!is_file($configPath)) {
|
||||||
|
http_response_code(500);
|
||||||
|
header('Content-Type: text/plain; charset=utf-8');
|
||||||
|
echo "deploy-config.php not found. Create it from deploy-config.php.example\n";
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** @var array<string,mixed> $config */
|
||||||
|
$config = require $configPath;
|
||||||
|
$tokenExpected = (string)($config['token'] ?? '');
|
||||||
|
|
||||||
|
$tokenIncoming = (string)($_REQUEST['token'] ?? '');
|
||||||
|
if ($tokenExpected === '' || !hash_equals($tokenExpected, $tokenIncoming)) {
|
||||||
|
http_response_code(403);
|
||||||
|
header('Content-Type: text/plain; charset=utf-8');
|
||||||
|
echo "Forbidden: invalid token\n";
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
|
||||||
|
$photosDir = __DIR__ . '/photos';
|
||||||
|
if (!is_dir($photosDir)) {
|
||||||
|
mkdir($photosDir, 0775, true);
|
||||||
|
}
|
||||||
|
|
||||||
|
$message = '';
|
||||||
|
$errors = [];
|
||||||
|
|
||||||
|
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||||
|
$action = (string)($_POST['action'] ?? '');
|
||||||
|
|
||||||
|
if ($action === 'create_category') {
|
||||||
|
$rawName = trim((string)($_POST['category_name'] ?? ''));
|
||||||
|
$safeName = sanitizeCategoryName($rawName);
|
||||||
|
|
||||||
|
if ($safeName === '') {
|
||||||
|
$errors[] = 'Введите корректное имя папки.';
|
||||||
|
} else {
|
||||||
|
$dir = $photosDir . '/' . $safeName;
|
||||||
|
if (is_dir($dir)) {
|
||||||
|
$message = 'Папка уже существует.';
|
||||||
|
} elseif (mkdir($dir, 0775, true)) {
|
||||||
|
$message = 'Папка создана: ' . $safeName;
|
||||||
|
} else {
|
||||||
|
$errors[] = 'Не удалось создать папку.';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($action === 'upload') {
|
||||||
|
$selectedCategory = sanitizeCategoryName((string)($_POST['category'] ?? ''));
|
||||||
|
if ($selectedCategory === '') {
|
||||||
|
$errors[] = 'Выберите папку для загрузки.';
|
||||||
|
} else {
|
||||||
|
$categoryDir = $photosDir . '/' . $selectedCategory;
|
||||||
|
if (!is_dir($categoryDir)) {
|
||||||
|
$errors[] = 'Выбранная папка не существует.';
|
||||||
|
} else {
|
||||||
|
if (!isset($_FILES['photos'])) {
|
||||||
|
$errors[] = 'Файлы не переданы.';
|
||||||
|
} else {
|
||||||
|
$result = handleUploads($_FILES['photos'], $categoryDir);
|
||||||
|
$errors = array_merge($errors, $result['errors']);
|
||||||
|
if ($result['ok'] > 0) {
|
||||||
|
$message = 'Загружено файлов: ' . $result['ok'];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$categories = listCategories($photosDir);
|
||||||
|
$tokenForUrl = urlencode($tokenIncoming);
|
||||||
|
|
||||||
|
?><!doctype html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Админка галереи</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<style>
|
||||||
|
.admin-wrap { max-width: 980px; margin: 0 auto; padding: 24px; }
|
||||||
|
.admin-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }
|
||||||
|
.admin-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 16px; box-shadow: 0 8px 24px rgba(15,23,42,.06); }
|
||||||
|
.admin-card h2 { margin-top: 0; font-size: 18px; }
|
||||||
|
.admin-input, .admin-select { width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 10px; font: inherit; }
|
||||||
|
.admin-btn { border: 0; background: #1f6feb; color: #fff; padding: 10px 14px; border-radius: 10px; font-weight: 600; cursor: pointer; }
|
||||||
|
.admin-help { color: #6b7280; font-size: 13px; }
|
||||||
|
.alert-ok { background: #ecfdf3; color: #166534; border: 1px solid #bbf7d0; border-radius: 10px; padding: 10px 12px; margin-bottom: 12px; }
|
||||||
|
.alert-err { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; border-radius: 10px; padding: 10px 12px; margin-bottom: 12px; }
|
||||||
|
.row { display: grid; gap: 8px; margin-bottom: 10px; }
|
||||||
|
.category-list { margin: 0; padding-left: 18px; }
|
||||||
|
.top-links { margin-bottom: 12px; font-size: 14px; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="admin-wrap">
|
||||||
|
<h1>Админка загрузки</h1>
|
||||||
|
<div class="top-links">
|
||||||
|
<a href="./">← В галерею</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php if ($message !== ''): ?>
|
||||||
|
<div class="alert-ok"><?= htmlspecialchars($message, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8') ?></div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php foreach ($errors as $err): ?>
|
||||||
|
<div class="alert-err"><?= htmlspecialchars($err, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8') ?></div>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
|
||||||
|
<div class="admin-grid">
|
||||||
|
<section class="admin-card">
|
||||||
|
<h2>Создать папку (категорию)</h2>
|
||||||
|
<form method="post" action="?token=<?= $tokenForUrl ?>">
|
||||||
|
<input type="hidden" name="token" value="<?= htmlspecialchars($tokenIncoming, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8') ?>">
|
||||||
|
<input type="hidden" name="action" value="create_category">
|
||||||
|
<div class="row">
|
||||||
|
<label for="category_name">Имя папки</label>
|
||||||
|
<input class="admin-input" id="category_name" name="category_name" required placeholder="Например: weddings_2026">
|
||||||
|
</div>
|
||||||
|
<button class="admin-btn" type="submit">Создать</button>
|
||||||
|
</form>
|
||||||
|
<p class="admin-help">Разрешены буквы/цифры/пробел/._- (остальное отфильтруется).</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="admin-card">
|
||||||
|
<h2>Загрузка фотографий</h2>
|
||||||
|
<form method="post" action="?token=<?= $tokenForUrl ?>" enctype="multipart/form-data">
|
||||||
|
<input type="hidden" name="token" value="<?= htmlspecialchars($tokenIncoming, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8') ?>">
|
||||||
|
<input type="hidden" name="action" value="upload">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<label for="category">Папка</label>
|
||||||
|
<select class="admin-select" id="category" name="category" required>
|
||||||
|
<option value="">— Выберите папку —</option>
|
||||||
|
<?php foreach ($categories as $cat): ?>
|
||||||
|
<option value="<?= htmlspecialchars($cat, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8') ?>"><?= htmlspecialchars($cat, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8') ?></option>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<label for="photos">Фотографии</label>
|
||||||
|
<input id="photos" name="photos[]" type="file" accept="image/jpeg,image/png,image/webp,image/gif" multiple required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="admin-btn" type="submit">Загрузить</button>
|
||||||
|
</form>
|
||||||
|
<p class="admin-help">Ограничения: только JPG/PNG/WEBP/GIF, максимум 3 МБ на файл.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="admin-card">
|
||||||
|
<h2>Текущие категории</h2>
|
||||||
|
<?php if ($categories === []): ?>
|
||||||
|
<p class="admin-help">Пока нет категорий.</p>
|
||||||
|
<?php else: ?>
|
||||||
|
<ul class="category-list">
|
||||||
|
<?php foreach ($categories as $cat): ?>
|
||||||
|
<li><?= htmlspecialchars($cat, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8') ?></li>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</ul>
|
||||||
|
<?php endif; ?>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
<?php
|
||||||
|
|
||||||
|
function sanitizeCategoryName(string $name): string
|
||||||
|
{
|
||||||
|
$name = trim($name);
|
||||||
|
$name = preg_replace('/\s+/', ' ', $name) ?? '';
|
||||||
|
$name = preg_replace('/[^\p{L}\p{N}\s._-]+/u', '', $name) ?? '';
|
||||||
|
$name = trim($name, ". \t\n\r\0\x0B");
|
||||||
|
|
||||||
|
if ($name === '' || $name === '.' || $name === '..') {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
return $name;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param array<string,mixed> $files
|
||||||
|
* @return array{ok:int,errors:string[]}
|
||||||
|
*/
|
||||||
|
function handleUploads(array $files, string $targetDir): array
|
||||||
|
{
|
||||||
|
$allowedMime = [
|
||||||
|
'image/jpeg',
|
||||||
|
'image/png',
|
||||||
|
'image/webp',
|
||||||
|
'image/gif',
|
||||||
|
];
|
||||||
|
$allowedExt = ['jpg', 'jpeg', 'png', 'webp', 'gif'];
|
||||||
|
|
||||||
|
$ok = 0;
|
||||||
|
$errors = [];
|
||||||
|
|
||||||
|
$names = $files['name'] ?? [];
|
||||||
|
$tmpNames = $files['tmp_name'] ?? [];
|
||||||
|
$sizes = $files['size'] ?? [];
|
||||||
|
$errs = $files['error'] ?? [];
|
||||||
|
|
||||||
|
if (!is_array($names)) {
|
||||||
|
$names = [$names];
|
||||||
|
$tmpNames = [$tmpNames];
|
||||||
|
$sizes = [$sizes];
|
||||||
|
$errs = [$errs];
|
||||||
|
}
|
||||||
|
|
||||||
|
$finfo = finfo_open(FILEINFO_MIME_TYPE);
|
||||||
|
|
||||||
|
foreach ($names as $i => $originalName) {
|
||||||
|
$errCode = (int)($errs[$i] ?? UPLOAD_ERR_NO_FILE);
|
||||||
|
if ($errCode !== UPLOAD_ERR_OK) {
|
||||||
|
$errors[] = "Файл {$originalName}: ошибка загрузки ({$errCode}).";
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
$size = (int)($sizes[$i] ?? 0);
|
||||||
|
if ($size < 1 || $size > MAX_UPLOAD_BYTES) {
|
||||||
|
$errors[] = "Файл {$originalName}: превышен лимит 3 МБ.";
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
$tmp = (string)($tmpNames[$i] ?? '');
|
||||||
|
if ($tmp === '' || !is_uploaded_file($tmp)) {
|
||||||
|
$errors[] = "Файл {$originalName}: некорректный источник загрузки.";
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
$mime = $finfo ? (string)finfo_file($finfo, $tmp) : '';
|
||||||
|
if (!in_array($mime, $allowedMime, true)) {
|
||||||
|
$errors[] = "Файл {$originalName}: недопустимый тип ({$mime}).";
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
$ext = strtolower(pathinfo((string)$originalName, PATHINFO_EXTENSION));
|
||||||
|
if (!in_array($ext, $allowedExt, true)) {
|
||||||
|
$errors[] = "Файл {$originalName}: недопустимое расширение.";
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
$base = pathinfo((string)$originalName, PATHINFO_FILENAME);
|
||||||
|
$safeBase = preg_replace('/[^\p{L}\p{N}._-]+/u', '_', $base) ?? 'photo';
|
||||||
|
$safeBase = trim($safeBase, '._-');
|
||||||
|
if ($safeBase === '') {
|
||||||
|
$safeBase = 'photo';
|
||||||
|
}
|
||||||
|
|
||||||
|
$finalName = uniqueFileName($targetDir, $safeBase, $ext);
|
||||||
|
$dest = $targetDir . '/' . $finalName;
|
||||||
|
|
||||||
|
if (!move_uploaded_file($tmp, $dest)) {
|
||||||
|
$errors[] = "Файл {$originalName}: не удалось сохранить.";
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
@chmod($dest, 0664);
|
||||||
|
$ok++;
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($finfo) {
|
||||||
|
finfo_close($finfo);
|
||||||
|
}
|
||||||
|
|
||||||
|
return ['ok' => $ok, 'errors' => $errors];
|
||||||
|
}
|
||||||
|
|
||||||
|
function uniqueFileName(string $dir, string $base, string $ext): string
|
||||||
|
{
|
||||||
|
$candidate = $base . '.' . $ext;
|
||||||
|
$n = 1;
|
||||||
|
while (file_exists($dir . '/' . $candidate)) {
|
||||||
|
$candidate = $base . '_' . $n . '.' . $ext;
|
||||||
|
$n++;
|
||||||
|
}
|
||||||
|
return $candidate;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @return string[]
|
||||||
|
*/
|
||||||
|
function listCategories(string $photosDir): array
|
||||||
|
{
|
||||||
|
$out = [];
|
||||||
|
$items = @scandir($photosDir) ?: [];
|
||||||
|
foreach ($items as $item) {
|
||||||
|
if ($item === '.' || $item === '..') {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
if (is_dir($photosDir . '/' . $item)) {
|
||||||
|
$out[] = $item;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
sort($out, SORT_NATURAL | SORT_FLAG_CASE);
|
||||||
|
return $out;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user