Цей всебічний посібник валідації гарантує, що ваше встановлення платформи Ring працює правильно. Дотримуйтеся кожного кроку систематично, щоб перевірити всі основні функції, перш ніж переходити до кастомізації або розгортання.
⏱️ Орієнтовний час валідації
10-15 хвилин для виконання всіх кроків валідації.
🎯 Попередня настройка валідації
Перед початком валідації переконайтеся:
Платформа Ring запущена: npm run dev має показати "Ready - started server on 0.0.0.0:3000"
База даних доступна: Встановлено з'єднання PostgreSQL або Firebase
Змінні середовища встановлені: .env.local містить всі необхідні ключі
Кеш браузера очищений: Жорстке оновлення (Ctrl+F5) для уникнення кешованих проблем
🔍 Крок-за-кроком валідація
1
Фаза 1: Запуск додатку
Мета: Перевірити, що додаток запускається правильно та обслуговує домашню сторінку.
1.1 Перевірка логів додатку
У вашій директорії Ring Platform
terminal
bash
npm run dev
Очікуваний вивід:
▲ Next.js 15.x.x
- Local: http://localhost:3000
- Environments: .env.local
- Ready - started server on 0.0.0.0:3000
❌ Поширені проблеми:
"Port 3000 already in use" → Вбити інші процеси: lsof -ti:3000 | xargs kill
"Module not found" → Запустити npm install для встановлення залежностей
"Database connection failed" → Перевірити облікові дані бази даних у .env.local
1.2 Тестування доступу до домашньої сторінки
Тест HTTP-відповіді
terminal
bash
curl -I http://localhost:3000
Очікуваний:HTTP/1.1 200 OK
Тест вмісту сторінки
terminal
bash
curl -s http://localhost:3000 | head -20
Очікуваний: HTML-вміст із брендингом Ring Platform
1.3 Браузерна валідація
Відкрити http://localhost:3000 у вашому браузері
Перевірити, що сторінка завантажується без помилок JavaScript
Перевірити консоль браузера (F12) на наявність повідомлень про помилки
Підтвердити появу логотипу Ring Platform та геройської секції
2
Фаза 2: Система аутентифікації
Мета: Перевірити налаштування Auth.js v5 та провайдерів OAuth.
2.1 Тестування сторінки аутентифікації
Відвідати http://localhost:3000/auth/signin
Очікуваний:
Чистий логін-екран із кнопками провайдерів
Без помилок JavaScript у консолі
Адаптивний дизайн на мобільному/десктопі
2.2 Потік Google OAuth
Натиснути "Sign in with Google"
Завершити потік Google OAuth
Перевірити перенаправлення на сторінку dashboard/profile
Перевірити стійкість сесії (освіжити сторінку)
Команди валідації:
Тест кінцевої точки зворотного виклику OAuth Очікуваний: HTTP/1.1 302 Found (перенаправлення)
Перевірити конфігурацію Google Cloud Console OAuth
Перевірити URI перенаправлення збігаються точно
Переконатися, що Google+ API увімкнено
Перевірити формат облікових даних у .env.local
Сесія не зберігається:
Перевірити встановлення AUTH_SECRET (32+ символів)
Перевірити налаштування cookie у браузері
Очистити кеш та cookie браузера
Проблеми з базою даних
"Database connection failed":
PostgreSQL Тест з'єднання
terminal
bash
sudo systemctl status postgresql # Linux
brew services list | grep postgresql # macOS
psql -h localhost -U ring_user -d ring_platform
Проблеми з'єднання Firebase:
Перевірка конфігурації Firebase
terminal
bash
firebase projects:list
firebase use your-project-id
Проблеми API
"API endpoint not found":
Перевірити запуск сервера Next.js
Перевірити існування файлу API маршруту
Переглянути логи сервера на помилки
Помилки CORS:
Перевірити NEXTAUTH_URL збігається з вашим доменом
Перевірити правильність заголовків CORS у API маршрутах
Проблеми реального часу
WebSocket не підключається:
Перевірити вкладку мережі браузера на спроби з'єднання
Перевірити конфігурацію транспорту тунелю
Перевірити з іншими браузерами
Повідомлення не з'являються:
Перевірити дозволи браузера на повідомлення
Перевірити вхід користувача в систему
Перевірити з іншими тригерними подіями
Проблеми продуктивності
Повільне завантаження сторінок:
Перевірка розміру збірки Профілювання за допомогою інструментів розробки браузера Вкладка Network: Перевірити великі ресурси Вкладка Performance: Записати та проаналізувати
terminal
bash
npm run build
ls -lh .next/static/chunks/
Проблеми пам'яті:
Моніторинг процесу Node.js Або використовувати PM2: pm2 monit
Цей всебічний посібник валідації гарантує, що ваше встановлення платформи Ring працює правильно. Дотримуйтеся кожного кроку систематично, щоб перевірити всі основні функції, перш ніж переходити до кастомізації або розгортання.
⏱️ Орієнтовний час валідації
10-15 хвилин для виконання всіх кроків валідації.
🎯 Попередня настройка валідації
Перед початком валідації переконайтеся:
Платформа Ring запущена: npm run dev має показати "Ready - started server on 0.0.0.0:3000"
База даних доступна: Встановлено з'єднання PostgreSQL або Firebase
Змінні середовища встановлені: .env.local містить всі необхідні ключі
Кеш браузера очищений: Жорстке оновлення (Ctrl+F5) для уникнення кешованих проблем
🔍 Крок-за-кроком валідація
1
Фаза 1: Запуск додатку
Мета: Перевірити, що додаток запускається правильно та обслуговує домашню сторінку.
1.1 Перевірка логів додатку
У вашій директорії Ring Platform
terminal
bash
npm run dev
Очікуваний вивід:
▲ Next.js 15.x.x
- Local: http://localhost:3000
- Environments: .env.local
- Ready - started server on 0.0.0.0:3000
❌ Поширені проблеми:
"Port 3000 already in use" → Вбити інші процеси: lsof -ti:3000 | xargs kill
"Module not found" → Запустити npm install для встановлення залежностей
"Database connection failed" → Перевірити облікові дані бази даних у .env.local
1.2 Тестування доступу до домашньої сторінки
Тест HTTP-відповіді
terminal
bash
curl -I http://localhost:3000
Очікуваний:HTTP/1.1 200 OK
Тест вмісту сторінки
terminal
bash
curl -s http://localhost:3000 | head -20
Очікуваний: HTML-вміст із брендингом Ring Platform
1.3 Браузерна валідація
Відкрити http://localhost:3000 у вашому браузері
Перевірити, що сторінка завантажується без помилок JavaScript
Перевірити консоль браузера (F12) на наявність повідомлень про помилки
Підтвердити появу логотипу Ring Platform та геройської секції
2
Фаза 2: Система аутентифікації
Мета: Перевірити налаштування Auth.js v5 та провайдерів OAuth.
2.1 Тестування сторінки аутентифікації
Відвідати http://localhost:3000/auth/signin
Очікуваний:
Чистий логін-екран із кнопками провайдерів
Без помилок JavaScript у консолі
Адаптивний дизайн на мобільному/десктопі
2.2 Потік Google OAuth
Натиснути "Sign in with Google"
Завершити потік Google OAuth
Перевірити перенаправлення на сторінку dashboard/profile
Перевірити стійкість сесії (освіжити сторінку)
Команди валідації:
Тест кінцевої точки зворотного виклику OAuth Очікуваний: HTTP/1.1 302 Found (перенаправлення)
Перевірити конфігурацію Google Cloud Console OAuth
Перевірити URI перенаправлення збігаються точно
Переконатися, що Google+ API увімкнено
Перевірити формат облікових даних у .env.local
Сесія не зберігається:
Перевірити встановлення AUTH_SECRET (32+ символів)
Перевірити налаштування cookie у браузері
Очистити кеш та cookie браузера
Проблеми з базою даних
"Database connection failed":
PostgreSQL Тест з'єднання
terminal
bash
sudo systemctl status postgresql # Linux
brew services list | grep postgresql # macOS
psql -h localhost -U ring_user -d ring_platform
Проблеми з'єднання Firebase:
Перевірка конфігурації Firebase
terminal
bash
firebase projects:list
firebase use your-project-id
Проблеми API
"API endpoint not found":
Перевірити запуск сервера Next.js
Перевірити існування файлу API маршруту
Переглянути логи сервера на помилки
Помилки CORS:
Перевірити NEXTAUTH_URL збігається з вашим доменом
Перевірити правильність заголовків CORS у API маршрутах
Проблеми реального часу
WebSocket не підключається:
Перевірити вкладку мережі браузера на спроби з'єднання
Перевірити конфігурацію транспорту тунелю
Перевірити з іншими браузерами
Повідомлення не з'являються:
Перевірити дозволи браузера на повідомлення
Перевірити вхід користувача в систему
Перевірити з іншими тригерними подіями
Проблеми продуктивності
Повільне завантаження сторінок:
Перевірка розміру збірки Профілювання за допомогою інструментів розробки браузера Вкладка Network: Перевірити великі ресурси Вкладка Performance: Записати та проаналізувати
terminal
bash
npm run build
ls -lh .next/static/chunks/
Проблеми пам'яті:
Моніторинг процесу Node.js Або використовувати PM2: pm2 monit
Цей всебічний посібник валідації гарантує, що ваше встановлення платформи Ring працює правильно. Дотримуйтеся кожного кроку систематично, щоб перевірити всі основні функції, перш ніж переходити до кастомізації або розгортання.
⏱️ Орієнтовний час валідації
10-15 хвилин для виконання всіх кроків валідації.
🎯 Попередня настройка валідації
Перед початком валідації переконайтеся:
Платформа Ring запущена: npm run dev має показати "Ready - started server on 0.0.0.0:3000"
База даних доступна: Встановлено з'єднання PostgreSQL або Firebase
Змінні середовища встановлені: .env.local містить всі необхідні ключі
Кеш браузера очищений: Жорстке оновлення (Ctrl+F5) для уникнення кешованих проблем
🔍 Крок-за-кроком валідація
1
Фаза 1: Запуск додатку
Мета: Перевірити, що додаток запускається правильно та обслуговує домашню сторінку.
1.1 Перевірка логів додатку
У вашій директорії Ring Platform
terminal
bash
npm run dev
Очікуваний вивід:
▲ Next.js 15.x.x
- Local: http://localhost:3000
- Environments: .env.local
- Ready - started server on 0.0.0.0:3000
❌ Поширені проблеми:
"Port 3000 already in use" → Вбити інші процеси: lsof -ti:3000 | xargs kill
"Module not found" → Запустити npm install для встановлення залежностей
"Database connection failed" → Перевірити облікові дані бази даних у .env.local
1.2 Тестування доступу до домашньої сторінки
Тест HTTP-відповіді
terminal
bash
curl -I http://localhost:3000
Очікуваний:HTTP/1.1 200 OK
Тест вмісту сторінки
terminal
bash
curl -s http://localhost:3000 | head -20
Очікуваний: HTML-вміст із брендингом Ring Platform
1.3 Браузерна валідація
Відкрити http://localhost:3000 у вашому браузері
Перевірити, що сторінка завантажується без помилок JavaScript
Перевірити консоль браузера (F12) на наявність повідомлень про помилки
Підтвердити появу логотипу Ring Platform та геройської секції
2
Фаза 2: Система аутентифікації
Мета: Перевірити налаштування Auth.js v5 та провайдерів OAuth.
2.1 Тестування сторінки аутентифікації
Відвідати http://localhost:3000/auth/signin
Очікуваний:
Чистий логін-екран із кнопками провайдерів
Без помилок JavaScript у консолі
Адаптивний дизайн на мобільному/десктопі
2.2 Потік Google OAuth
Натиснути "Sign in with Google"
Завершити потік Google OAuth
Перевірити перенаправлення на сторінку dashboard/profile
Перевірити стійкість сесії (освіжити сторінку)
Команди валідації:
Тест кінцевої точки зворотного виклику OAuth Очікуваний: HTTP/1.1 302 Found (перенаправлення)
Перевірити конфігурацію Google Cloud Console OAuth
Перевірити URI перенаправлення збігаються точно
Переконатися, що Google+ API увімкнено
Перевірити формат облікових даних у .env.local
Сесія не зберігається:
Перевірити встановлення AUTH_SECRET (32+ символів)
Перевірити налаштування cookie у браузері
Очистити кеш та cookie браузера
Проблеми з базою даних
"Database connection failed":
PostgreSQL Тест з'єднання
terminal
bash
sudo systemctl status postgresql # Linux
brew services list | grep postgresql # macOS
psql -h localhost -U ring_user -d ring_platform
Проблеми з'єднання Firebase:
Перевірка конфігурації Firebase
terminal
bash
firebase projects:list
firebase use your-project-id
Проблеми API
"API endpoint not found":
Перевірити запуск сервера Next.js
Перевірити існування файлу API маршруту
Переглянути логи сервера на помилки
Помилки CORS:
Перевірити NEXTAUTH_URL збігається з вашим доменом
Перевірити правильність заголовків CORS у API маршрутах
Проблеми реального часу
WebSocket не підключається:
Перевірити вкладку мережі браузера на спроби з'єднання
Перевірити конфігурацію транспорту тунелю
Перевірити з іншими браузерами
Повідомлення не з'являються:
Перевірити дозволи браузера на повідомлення
Перевірити вхід користувача в систему
Перевірити з іншими тригерними подіями
Проблеми продуктивності
Повільне завантаження сторінок:
Перевірка розміру збірки Профілювання за допомогою інструментів розробки браузера Вкладка Network: Перевірити великі ресурси Вкладка Performance: Записати та проаналізувати
terminal
bash
npm run build
ls -lh .next/static/chunks/
Проблеми пам'яті:
Моніторинг процесу Node.js Або використовувати PM2: pm2 monit