🚀 Как запустить Семейный бюджет — инструкция
🚀

Как запустить Семейный бюджет

Простая пошаговая инструкция — справится даже пятилетний ребёнок 🍭
Выберите способ, который вам подходит

🖥
Запуск на Beget (PHP + MySQL)
Самый надёжный способ — всё в одном месте, ключ спрятан на сервере

📦 Сначала скачайте файлы

Вам понадобятся два файла: приложение и серверная часть

1
🌐 Зарегистрируйтесь на Beget
Зайдите на beget.com → нажмите большую кнопку «Регистрация». Придумайте почту и пароль. Это как завести домик для своего сайта.
2
🗄 Создайте базу данных (2 клика)
В панели Beget слева нажмите «MySQL» → «Создать новую базу». Имя напишите budget. Beget сразу покажет 4 слова: имя базы, пользователь, пароль, сервер. Сфоткайте их или запишите — они понадобятся дальше.
3
📤 Загрузите файлы на сайт
В Beget откройте «Файловый менеджер» → папку сайта public_html. Загрузите туда оба файла: index.html и api.php.
4
🔑 Впишите данные базы в api.php
Нажмите на api.php правой кнопкой → «Редактировать». В самом верху файла найдите строки:
$DB_NAME = 'u0000000_budget';
$DB_USER = 'u0000000_budget';
$DB_PASS = 'VASH_PAROL_BAZY';
Впишите свои 4 слова из шага 2. Придумайте свой секретный ключ (например romashka-2026) и впишите в строку $API_KEY. Нажмите «Сохранить».
5
🔗 Откройте свой сайт
В адресной строке браузера напишите https://твой-домен.ru (тот, что дал Beget при регистрации). Ура, приложение открылось! 🎉
6
☁️ Подключите облачную базу
В приложении: Настройки и база → База данных. Режим: «Сервер (PHP + MySQL)». Адрес: https://твой-домен.ru/api.php. Ключ: тот самый romashka-2026. Нажмите «Проверить соединение» → потом «Сохранить и синхронизировать».
7
✅ Готово!
Облачко вверху станет зелёным. Теперь можно зайти с телефона и с компьютера — цифры будут одинаковые. Каждое изменение улетает в базу само. 🎊
🔒 Важно: Никому не показывай свой ключ и пароль от базы. Если ключ узнает чужой — он сможет менять твои цифры.
🎨
Запуск на Tilda + Supabase
Tilda не умеет запускать PHP, поэтому базу данных берём бесплатную и отдельную — Supabase
🎨 Главное: Tilda не умеет запускать PHP-файлы. Поэтому «домик для данных» берём бесплатный и отдельный — Supabase. Он как волшебный шкафчик в интернете, куда приложение складывает цифры.
1
🗄 Создайте шкафчик на Supabase
Зайдите на supabase.com → Start your project → войдите через Google → New project → придумайте имя и пароль → ждите 2 минуты, пока построится.
2
📋 Вставьте заклинание SQL
Слева нажмите SQL Editor → New query. Скопируйте код из вкладки «Файлы для копирования» → supabase.sql в основном приложении, вставьте и нажмите зелёную кнопку Run. Должно написать «Success».
3
🔑 Возьмите два ключика
Слева: Project Settings (шестерёнка) → API Keys. Скопируйте Project URL (начинается с https://…supabase.co) и ключ anon public.
4
🎨 Создайте страницу в Tilda
В Tilda создайте страницу → + Все блоки → раздел «Другое» → блок T123 «HTML-код» → нажмите «Контент».
5
📄 Вставьте код приложения
Скачайте index.html из основного приложения, откройте его блокнотом, скопируйте всё между метками <!-- COPY FROM HERE --> и <!-- COPY TO HERE --> и вставьте в блок T123. Сохраните.
6
☁️ Подключите шкафчик в приложении
Откройте страницу Tilda → в приложении Настройки и база → База данных → режим «Supabase» → вставьте URL и ключ anon → «Проверить соединение» → «Сохранить и синхронизировать».
7
🌍 Опубликуйте страницу
Нажмите «Опубликовать» в Tilda. Готово — бюджет живёт в интернете и всё помнит. 🎉
🔒 Важно: Ключ anon в Tilda виден всем посетителям страницы. Поэтому: либо закройте страницу паролем (Настройки страницы → Пароль), либо используйте вариант с Beget, где ключ спрятан на сервере.
💻
Просто на компьютере (без интернета)
Самый простой способ — работает сразу, без настройки

📦 Скачайте один файл

Вам нужен только index.html из основного приложения

1
💾 Скачайте файл
Нажмите кнопку «Скачать index.html» выше. Файл упадёт в папку «Загрузки».
2
🖱 Откройте двойным щелчком
Откройте файл двойным щелчком. Он откроется в браузере (Chrome, Яндекс, Safari). Интернет нужен только один раз — чтобы загрузились шрифты и графики.
3
✨ Всё уже сохраняется само
База данных браузера IndexedDB хранит операции, планы, займы и настройки. Закрыли вкладку — открыли снова, всё на месте.
4
🧷 Делайте запасные копии
Раз в месяц: Настройки и база → ⬇ Экспорт JSON. Файл можно хранить в облаке. Вернуть обратно — кнопка «Импорт JSON».
⚠️ Важно: Если очистить историю браузера «за всё время» с галочкой «файлы cookie и данные сайтов» — локальная база удалится. Поэтому делайте экспорт.
💡 Совет: Этот способ идеален для начала. Когда поймёте, что хотите открывать бюджет с телефона и компьютера одновременно — переходите на Beget или Tilda.
✅
Что должно получиться
Приложение открывается в браузере по ссылке
Все цифры сохраняются и не пропадают после перезагрузки
Можно открыть с телефона и компьютера — данные одинаковые
Каждое изменение автоматически улетает в базу данных
Облачко вверху стало зелёным — синхронизация работает
💬 Если что-то не получается — напишите, помогу разобраться. Главное — не бойтесь экспериментировать! 🚀