My Panoramas

— panoramas360° Equirectangular

Collections

⚙️ Не настроен Worker URL. Открой index.html, найди строку workerUrl вверху JS-блока и замени на URL своего Cloudflare Worker. Подробнее — на странице Setup.

Panoramas
🔒 Admin password
Введи пароль из wrangler.toml → ADMIN_PASSWORD
Add Panorama
File
🌐
Drop panorama here or click to browse
JPG / PNG · Equirectangular (2:1) · до ~30 МБ
preview
Info
Organisation
Uploading…0%

Setup Guide — v3

→
Как это работает
Cloudflare Worker + R2 + Pages
  • ›Фотографии хранятся в Cloudflare R2 — бесплатно до 10 ГБ
  • ›Cloudflare Worker — мини-бэкенд: принимает загрузку, пишет в R2, возвращает список панорам
  • ›Cloudflare Pages — хостинг этого сайта (бесплатно)
  • ›Загрузил фото → оно сразу появляется в галерее. Без GitHub, без JSON, без ручного редактирования
1
Подготовка
Один раз, занимает ~10 минут
  • ›Установи Node.js и Wrangler: npm install -g wrangler
  • ›Авторизируйся: wrangler login
  • ›Создай R2 бакет: wrangler r2 bucket create panoramas-gallery
  • ›Включи публичный доступ к бакету в Cloudflare Dashboard → R2 → твой бакет → Settings → Public Access → Allow
  • ›Скопируй Public URL вида https://pub-XXXX.r2.dev
2
Деплой Worker
  • ›Положи worker.js и wrangler.toml в одну папку
  • ›Открой wrangler.toml и замени R2_PUBLIC_URL на твой Public URL и ADMIN_PASSWORD на свой пароль
  • ›Задеплой: wrangler deploy
  • ›Скопируй URL воркера вида https://panorama-worker.YOUR.workers.dev
3
Деплой Pages (сайт)
  • ›Открой index.html, найди строку workerUrl: в начале JS и вставь URL воркера
  • ›Залей index.html и _headers в GitHub-репозиторий
  • ›Cloudflare Pages → New Project → Connect GitHub → Build: пусто, Output: /
  • ›Готово! Открой сайт → Add / Edit → введи пароль → загружай панорамы
✓
Обновление Worker переменных
Если менял пароль или URL после деплоя
  • ›Dashboard → Workers → panorama-worker → Settings → Variables
  • ›Или через CLI: wrangler secret put ADMIN_PASSWORD