Підніміть рівень вашого API музики для читання думок: додавання облікових записів користувачів з історією настрою та розумними налаштуваннями

Перетворіть свій генератор списків відтворення, що розпізнає емоції, на персоналізованого музичного супутника, який навчається на кожній взаємодії. Цей подальший посібник додає автентифікацію користувачів, аналітику відстеження настрою та інтелектуальне навчання уподобань для створення справді персоналізованого музичного досвіду.

Що ми створюємо сьогодні

Пам’ятаєте наш API музики для читання думок, який міг розпізнавати емоції та створювати списки відтворення? Сьогодні ми робимо його персоналізованим. Ми додаємо:

Автентифікація користувача, яка дійсно працює (без складних проблем з OAuth)
Панель історії настрою з чудовою аналітикою
Розумні налаштування списків відтворення, які вивчають поведінку користувачів
Персоналізовані рекомендації, які покращуються з часом
Збереження даних, щоб користувачі ніколи не втрачали свою музичну подорож

До кінця цього посібника ваш API запам'ятає, що Сара любить інді-рок, коли їй сумно, тоді як Майк віддає перевагу класичній музиці для сеансів концентрації.

Що вам знадобиться

Ваш завершений API читання думок для музики з попереднього посібника
30 хвилин зосередженого часу на кодуванні
Атлас MongoDB обліковий запис (безкоштовний рівень працює ідеально)
Базове розуміння баз даних (ми зробимо все простим!)

Налаштування автентифікації користувачів (простий спосіб)

Спочатку додамо пакети, необхідні для керування користувачами.

Перейдіть до терміналу в редакторі коду, введіть або вставте наступну команду та натисніть Enter:

npm install mongoose bcryptjs jsonwebtoken express-session connect-mongo

Крок 1: Налаштування підключення до бази даних

Після завершення встановлення створіть новий файл під назвою database.js та додайте наступний код:

const mongoose = require('mongoose'); const connectDB = async () => { try { console.log('🔗 Підключення до MongoDB...'); очікувати mongoose.connect(process.env.MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true, }); console.log('✅ Підключення до MongoDB успішно встановлено!'); } catch (error) { console.error('❌ Підключення до MongoDB не вдалося:', error.message); process.exit(1); } }; module.exports = connectDB;

І збережіть за допомогою cmd + s, ctrl + s або file, а потім збережіть.

Створіть свій обліковий запис MongoDB Atlas

Відвідайте: mongodb.com/cloud/atlas
Натисніть: кнопку «Почати» (зазвичай у верхньому правому куті)

Варіанти реєстрації

У вас є три способи створити обліковий запис:

Варіант A: Реєстрація за допомогою електронної пошти

Натисніть «Зареєструватися за допомогою електронної пошти»
Введіть свою адресу електронної пошти
Створіть надійний пароль
Натисніть «Створити обліковий запис Atlas»

Варіант B: Реєстрація в Google

Натисніть «Зареєструватися за допомогою Google»
Виберіть свій обліковий запис Google
Надайте необхідні дозволи

Варіант C: Реєстрація на GitHub

Натисніть «Зареєструватися за допомогою GitHub"
Авторизуйте MongoDB Atlas для доступу до вашого облікового запису GitHub

Підтвердьте свою електронну пошту

Перевірте свою поштову скриньку
Натисніть посилання для підтвердження від MongoDB
Це підтверджує справжність вашого облікового запису

Створіть свій перший кластер бази даних

Якщо ви не бачите свою панель інструментів після входу, можливо, вам доведеться натиснути на своє ім'я у верхньому правому куті, щоб відкрити наступне випадаюче меню, і натиснути на Atlas:

Потім ви побачите панель інструментів Atlas. Час створити базу даних!

Виберіть тип розгортання

Натисніть "Кластери" у розділі "База даних" на лівій бічній панелі

Натисніть "Створити кластер"

Виберіть "Безкоштовний"

Вас буде перенаправлено на сторінку розгортання кластера, і ви захочете вибрати безкоштовний план.

Вибір постачальника хмарних послуг: Ви побачите три варіанти постачальників:

AWS (Amazon Web Services) ⭐ Рекомендований
Google Cloud Platform
Microsoft Azure

Виберіть: AWS (він найпопулярніший і має найбільше регіонів)

Вибір регіону: Після вибору AWS ви побачите випадаючий список із багатьма регіонами. Оберіть найближчий до вашого місцезнаходження для кращої продуктивності:

🇺🇸 Сполучені Штати:

us-east-1 (Північна Вірджинія) - Східне узбережжя
us-west-2 (Орегон) - Західне узбережжя
us-central-1 (Айова) - Центральна Європа

🇪🇺 Європа:

eu-west-1 (Ірландія) - Західна Європа
eu-central-1 (Франкфурт) - Центральна Європа
eu-west-2 (Лондон) - Велика Британія

🌏 Азіатсько-Тихоокеанський регіон:

ap-southeast-1 (Сінгапур) - Південно-Східна Азія
ap-south-1 (Мумбаї) - Індія
ap-northeast-1 (Токіо) - Японія

💡 Порада професіонала: Якщо ви не впевнені, us-east-1 зазвичай є найбезпечнішим вибором з найбільшою кількістю функцій.

Потім натисніть кнопку "Створити розгортання"

Створити користувача бази даних

Крок 3.1: Додати користувача бази даних

Ви побачите екран "Швидкий старт безпеки"
Спосіб автентифікації: Залиште вибраним "Ім'я користувача та пароль"
Ім'я користувача: Введіть ім'я користувача (наприклад, mood-music-user)
Пароль:
- Варіант A: Натисніть "Автоматично згенерувати безпечний пароль" (рекомендовано)
- Варіант B: Створіть власний надійний пароль (принаймні 8 символів)
Негайно скопіюйте пароль! Вам це знадобиться для рядка підключення

⚠️ Негайно скопіюйте та збережіть свій пароль!

Натисніть: "Створити базу даних" Користувач"
Натисніть: "Виберіть спосіб підключення"

Виберіть спосіб підключення

Ви побачите кілька варіантів підключення:

Драйвери 👈 Це те, що нам потрібно для програм Node.js
Compass (графічний інтерфейс MongoDB для робочого столу)
Shell (інтерфейс командного рядка MongoDB)
MongoDB для VS Code (розширення VS Code)
Atlas SQL (інтерфейс SQL для MongoDB)

Виберіть: "Драйвери" - це дасть вам рядок підключення для програм, таких як Node.js

Налаштуйте підключення драйвера

Після вибору "Драйвери":

Драйвер: Виберіть "Node.js" зі спадного списку
Версія: Виберіть версію Node.js або залиште за замовчуванням (зазвичай працює добре)
Рядок підключення: Ви побачите рядок підключення нижче

Скопіюйте рядок підключення

Ви побачите щось на кшталт це:

mongodb+srv://<ім'я_користувача>:<пароль>@cluster0.abc123.mongodb.net/?retryWrites=true&w=majority

Важливо: Це шаблон! Вам потрібно:

Замінити <username> на ім'я користувача бази даних
Замінити <password> на пароль бази даних
Додати ім'я бази даних після .net/

Приклад перетворення

До (шаблон):

mongodb+srv://<username>:<password>@cluster0.abc123.mongodb.net/?retryWrites=true&w=majority

Після (готовий до використання):

mongodb+srv://mood-music-user:MySecurePassword123@cluster0.abc123.mongodb.net/mood-music-db?retryWrites=true&w=majority

Примітка:

<username> → mood-music-user
<password> → MySecurePassword123
Додано /mood-music-db як назву бази даних

Натисніть на 'готово'

Крок 5: Додайте рядок підключення до свого проекту

Оновіть свій файл .env

Відкрийте свій файл .env та додати:

MONGODB_URI=mongodb+srv://mood-music-user:MySecurePassword123@cluster0.abc123.mongodb.net/mood-music-db?retryWrites=true&w=majority JWT_SECRET=your-super-secret-jwt-key-here-make-it-long-and-random SESSION_SECRET=another-secret-key-for-sessions-also-long-and-random

Створення надійних секретів

Для JWT_SECRET та SESSION_SECRET вам потрібні випадкові рядки, які не пошкодять ваші файли конфігурації.

⚠️ Важливо: Уникайте спеціальних символів, таких як @, #, $, %, /, ? у паролях, оскільки вони можуть порушити роботу рядків підключення та файлів JSON.

Варіант A: Простий онлайн-генератор (рекомендовано)

Відвідайте: JWTSECRETS
Налаштування:
- Кількість паролів: 1
- Довжина пароля: 32
- ✅ Позначте "великі літери (A-Z)"
- ✅ Позначте "малі літери (a-z)"
- ✅ Позначте "цифри (0-9)"
- ❌ Зніміть позначку "пунктуація"
Натисніть "Отримати паролі"

Варіант B: Використовуйте консоль браузера (дуже просто!)

Відкрийте будь-який веб-сайт (наприклад, google.com)
Натисніть F12 (або клацніть правою кнопкою миші → Перевірити)
Натисніть вкладку "Консоль"

Вставте цей код та натисніть Enter:

Math.random().toString(36).substring(2) + Math.random().toString(36).substring(2) + Math.random().toString(36).substring(2)

Копіювати результат – це буде щось на кшталт: k8m9x2n7p4q1w3e5r6t8y9u2i4o7p1a5s3d6f8g2h4j7k9l

Варіант C: Ручний метод (якщо все інше не допомагає)

Просто введіть довгий випадковий рядок, використовуючи:

Літери: A-Z, a-z
Цифри: 0-9
Приклад: MyApp2024SecretKey789RandomString456Auth

Кінцевий приклад .env

SPOTIFY_CLIENT_ID=your_spotify_client_id_here SPOTIFY_CLIENT_SECRET=ваш_секрет_клієнта_spotify_тут MONGODB_URI=mongodb+srv://mood-music-user:МійЗахищений_пароль_123@cluster0.abc123.mongodb.net/mood-music-db?retryWrites=true&w=majority JWT_SECRET=A8f2K9mP3qR7sT1vW5yX8bC4eN6jL2oU9iH7gF3dS6aZ1mQ4wE8rT5yU2pI9oL SESSION_SECRET=B7gT3mK9pL2sF6vW1yX4eR8aC5qN9jM7oU3iH6dG2fS8aZ4mQ1wE5rT7yU9pI3oL ПОРТ=3000

Ключові моменти:

✅ У JWT_SECRET та SESSION_SECRET немає спеціальних символів
✅ Пароль MongoDB уникає символів, що розривають URL
✅ Усі секрети довгі та випадкові
✅ Безпечно використовувати у файлах JSON та рядках підключення

Крок 2: Модель користувача з відстеженням настрою

Створити папку з назвою models та додайте файл з назвою User.js всередину цієї папки. Потім додайте та збережіть наступний код у файлі:

const mongoose = require('mongoose'); const bcrypt = require('bcryptjs'); const moodEntrySchema = new mongoose.Schema({ text: String, detectedMood: String, confidence: Number, playlistGenerated: [{ trackName: String, artist: String, spotifyId: String, liked: { type: Boolean, default: null } }], timestamp: { type: Date, default: Date.now } }); const userPreferencesSchema = new mongoose.Schema({ favoriteGenres: [String], preferredEnergyLevel: {type: Number, min: 0, max: 1 }, dislikedArtists: [String], moodMusicMapping: { happy: [String], sad: [String], energy: [String], chill: [String], angry: [String], romantic: [String], nostalgic: [String] } }); const userSchema = new mongoose.Schema({ username: { type: String, required: true, unique: true, trim: true, minlength: 3 }, email: { type: String, required: true, unique: true, lowercase: true }, password: { type: String, required: true, minlength: 6 }, moodHistory: [moodEntrySchema], preferences: { type: userPreferencesSchema, default: () => ({}) }, stats: { totalPlaylists: { type: Number, default: 0 }, favoriteTime: String, mostCommonMood: String, joinDate: { type: Date, default: Date.now } } }, { timestamps: true }); // Хешуємо пароль перед збереженням userSchema.pre('save', async function(next) { if (!this.isModified('password')) return next(); this.password = await bcrypt.hash(this.password, 12); next(); }); // Порівнюємо паролі userSchema.methods.comparePassword = async function(password) { return bcrypt.compare(password, this.password); }; // Обчислюємо статистику користувача userSchema.methods.updateStats = function() { const moods = this.moodHistory.map(entry => entry.detectedMood); this.stats.totalPlaylists = this.moodHistory.length; // Знаходимо найпоширеніші настрої const moodCounts = moods.reduce((acc, mood) => { acc[mood] = (acc[mood] || 0) + 1; return acc; }, {}); this.stats.mostCommonMood = Object.keys(moodCounts).reduce((a, b) => moodCounts[a] > moodCounts[b] ? a : b, 'neutral' ); // Визначаємо улюблений час доби const hours = this.moodHistory.map(entry => entry.timestamp.getHours()); const avgHour = hours.reduce((a, b) => a + b, 0) / hours.length; if (avgHour < 6) this.stats.favoriteTime = 'ніч'; else if (avgHour < 12) this.stats.favoriteTime = 'ранок'; else if (avgHour < 18) this.stats.favoriteTime = 'день'; else this.stats.favoriteTime = 'вечір'; }; module.exports = mongoose.model('User', userSchema);

Крок 3: Проміжне програмне забезпечення автентифікації

Створіть папку з назвою middleware та додайте в неї файл з назвою auth.js. Потім додайте наступний код до файлу та збережіть його:

const jwt = require('jsonwebtoken'); const User = require('../models/User'); const auth = async (req, res, next) => { try { const token = req.header('Authorization')?.replace('Bearer ', '') || req.session.token; if (!token) { return res.status(401).json({ error: 'Токен не надано' }); } const decoded = jwt.verify(token, process.env.JWT_SECRET); const user = await User.findById(decoded.userId); if (!user) { return res.status(401).json({ error: 'Користувач не знайдено' }); } req.user = user; next(); } catch (error) { res.status(401).json({ error: 'Недійсний токен' }); } }; module.exports = auth;

Інформаційна панель користувача з чудовою аналітикою

Створіть нову папку у вашому проекті та назвіть її public, потім додайте файл у цю папку та назвіть її index.html:

<!DOCTYPE html> <html> <head> API музики для читання думок - Персональна панель інструментів       🧠🎵 Ласкаво просимо назад!
    <p><a href="#" onclick="showRegister()">Немає облікового запису? Зареєструйтесь</a></p> </div> <div id="registerSection" class="register-section" style="display:none;"> <h2>🎵 Створіть свій музичний профіль</h2> <input type="text" id="regUsername" placeholder="Ім'я користувача"> <input type="email" id="regEmail" placeholder="Email"> <input type="password" id="regPassword" placeholder="Пароль"> <button onclick="register()">Створити обліковий запис</button> <p><a href="#" onclick="showLogin()">Вже маєте обліковий запис? Вхід</a></p> </div> </div> <div id="dashboardSection" style="display:none;"> <div class="header"> <h1>🧠🎵 Ваш персональний читач музичних думок</h1> <p>Ласкаво просимо назад, <span id="ім'я користувача"></span>! Готові відкрити для себе ідеальний саундтрек?</p> <button onclick="logout()" style="width:auto; margin-top:10px;">Вийти</button> </div> <div class="stats-grid"> <div class="stat-card"> <h3>📊 Загальна кількість плейлистів</h3> <div id="totalPlaylists" class="stat-number">0</div&&</div> <div class="stat-card"> <h3>😊 Улюблений настрій</h3> <div id="favoriteMood" class="stat-text">-</div> </div> <div class="stat-card"> <h3>🕐 Найкращий час</h3> <div id="bestTime" class="stat-text">-</div> </div> <div class="stat-card"> <h3>🎵 Найкращий жанр</h3> -
</div>; <h2>💭 Як ви зараз себе почуваєте?<textarea id="moodText" placeholder="Опишіть свій поточний настрій, що відбувається або як ви хочете себе почувати..."></textarea><button onclick="generatePersonalizedPlaylist()">🎧 Згенеруйте мій ідеальний плейлист<div id="result" style="display:none;" class="result"></div></div></div><div class="mood-history"> <h2>📈 Ваша подорож настрою</h2> <div id="historyContainer"></div> </div> </div> </div> </div> </div> <script src="/js/app.js"></script> </body> </html>

Тепер у вашій папці public створіть папку та назвіть її js, а потім створіть файл app.js у папці js за допомогою наступного коду:

let authToken = localStorage.getItem('authToken'); let currentUser = null; if (authToken) { loadDashboard(); } функція showLogin() { document.querySelector('.login-section').style.display = 'block'; document.getElementById('registerSection').style.display = 'none'; } функція showRegister() { document.querySelector('.login-section').style.display = 'none'; document.getElementById('registerSection').style.display = 'block'; } асинхронна функція login() { const ім'я_користувача = document.getElementById('loginUsername').value; const пароль = document.getElementById('loginPassword').value; якщо (!ім'я_користувача || !пароль) { alert('Будь ласка, заповніть усі поля'); повернути; } try { const response = await fetch('/api/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ username, password }) }); const data = await response.json(); if (response.ok) { authToken = data.token; localStorage.setItem('authToken', authToken); loadDashboard(); } else { alert(data.error || 'Не вдалося ввійти'); } } catch (error) { console.error('Помилка входу:', error); alert('Не вдалося ввійти. Спробуйте ще раз.'); } } async function register() { const username = document.getElementById('regUsername').value; const email = document.getElementById('regEmail').value; const password = document.getElementById('regPassword').value; if (!ім'я користувача || !email || !password) { alert('Будь ласка, заповніть усі поля'); return; } try { const response = await fetch('/api/register', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ ім'я користувача, email, пароль }) }); const data = await response.json(); if (response.ok) { alert('Обліковий запис успішно створено! Будь ласка, увійдіть.'); showLogin(); } else { alert(data.error || 'Реєстрація не вдалася'); } } catch (error) { console.error('Помилка реєстрації:', error); alert('Реєстрація не вдалася. Спробуйте ще раз.'); } } асинхронна функція loadDashboard() { try { const response = await fetch('/api/profile', { headers: { 'Авторизація': 'Носій ' + authToken } }); if (response.ok) { currentUser = await response.json(); showDashboard(); updateStats(); loadMoodHistory(); } else { logout(); } } catch (error) { console.error('Помилка завантаження панелі інструментів:', error); logout(); } } function showDashboard() { document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSection').style.display = 'block'; document.getElementById('ім'я_користувача').textContent = currentUser.username; } функція updateStats() { document.getElementById('totalPlaylists').textContent = currentUser.stats.totalPlaylists || 0; document.getElementById('favoriteMood').textContent = currentUser.stats.mostCommonMood || '-'; document.getElementById('bestTime').textContent = currentUser.stats.favoriteTime || '-'; document.getElementById('topGenre').textContent = (currentUser.preferences.favoriteGenres && currentUser.preferences.favoriteGenres[0]) || '-'; } функція loadMoodHistory() { const historyContainer = document.getElementById('historyContainer'); якщо (!currentUser.moodHistory || currentUser.moodHistory.length === 0) { historyContainer.innerHTML = 'Історії настрою ще немає. Згенеруйте свій перший плейлист!
'; return; } const recentHistory = currentUser.moodHistory.slice(-5).reverse(); historyContainer.innerHTML = recentHistory.map(entry => ` <strong>${entry.detectedMood}</strong> - ${new Date(entry.timestamp).toLocaleDateString()} <p>${entry.text}</p> <small>${entry.playlistGenerated.length} згенерованих треків</small> </div>` ).join(''); } async function generatePersonalizedPlaylist() { const moodText = document.getElementById('moodText').value; if (!moodText.trim()) { alert('Будь ласка, опишіть, як ви себе почуваєте!'); return; } try { const response = await fetch('/api/personalized-playlist', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + authToken }, body: JSON.stringify({ text: moodText }) }); const data = await response.json(); if (response.ok) { displayPersonalizedResults(data); loadDashboard(); } else { alert(data.error || 'Не вдалося створити список відтворення'); } } catch (error) { console.error('Помилка створення списку відтворення:', error); alert('Не вдалося створити список відтворення. Спробуйте ще раз.'); } } function displayPersonalizedResults(data) { const resultDiv = document.getElementById('result'); resultDiv.style.display = 'block'; const html = ` Виявлено настрій: ${data.moodAnalysis.mood} (Впевненість: ${data.moodAnalysis.confidence}/10)
 ${data.personalizedMessage || 'Ось ваш список відтворення!'}
  ${data.playlist.map(track => ` ${назва треку}</strong><br><span style="color: #666;">${виконавець треку}</span></div> <div>   
 
 `).join('')} 
 `; resultDiv.innerHTML = html; } async function likeTrack(trackId, liked) { try { await fetch('/api/track-feedback', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + authToken }, body: JSON.stringify({ trackId: trackId, liked: liked }) }); alert(сподобалося ? 'Дякуємо! Ми рекомендуватимемо більше подібних.' : 'Зрозуміло! Ми уникатимемо подібних треків.'); } catch (error) { console.error('Помилка зворотного зв'язку:', error); } } function logout() { localStorage.removeItem('authToken'); authToken = null; currentUser = null; document.getElementById('authSection').style.display = 'block'; document.getElementById('dashboardSection').style.display = 'none'; showLogin();

Замініть ваш файл server.js

Замініть код вашого файлу server.js наступним:

require('dotenv').config(); const express = require('express'); const mongoose = require('mongoose'); const jwt = require('jsonwebtoken'); const auth = require('./middleware/auth'); const User = require('./models/User'); const moodAnalyzer = require('./moodAnalyzer'); const PlaylistGenerator = require('./playlistGenerator'); // Підключення до MongoDB const connectDB = async () => { try { console.log('🔗 Підключення до MongoDB...'); await mongoose.connect(process.env.MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true, }); console.log('✅ Підключення до MongoDB успішно встановлено!'); } catch (error) { console.error('❌ Помилка підключення до MongoDB:', error.message); process.exit(1); } }; connectDB(); const app = express(); const PORT = process.env.PORT || 3000; const playlistGen = new PlaylistGenerator(); app.use(express.json()); app.use(express.static('public')); // Відображення головної сторінки app.get('/', (req, res) => { res.sendFile(__dirname + '/public/index.html'); }); // Реєстрація користувача app.post('/api/register', async (req, res) => { try { const { ім'я користувача, email, пароль } = req.body; if (!ім'я користувача || !email || !password) { return res.status(400).json({ помилка: 'Усі поля обов'язкові' }); } if (password.length < 6) { return res.status(400).json({ помилка: 'Пароль має містити щонайменше 6 символів' }); } const existingUser = await User.findOne({ $or: {[ email }, { ім'я користувача }] }); if (existingUser) { return res.status(400).json({ помилка: 'Ім'я користувача або email вже існує' }); } const user = new User({ ім'я користувача, email, пароль }); await user.save(); res.status(201).json({ повідомлення: 'Користувача успішно створено' }); } catch (error) { console.error('Помилка реєстрації:', error); res.status(500).json({ помилка: 'Реєстрація не вдалася' }); } }); // Вхід користувача app.post('/api/login', async (req, res) => { try { const { ім'я користувача, пароль } = req.body; const user = await User.findOne({ $or: {[ ім'я користувача }, { email: ім'я_користувача }] }); if (!user || !(await user.comparePassword(password))) { return res.status(401).json({ помилка: 'Недійсні облікові дані' }); } const token = jwt.sign( { userId: user._id }, process.env.JWT_SECRET, { expiresIn: '7d' } ); res.json({ token, user: { ім'я_користувача: user.username, email: user.email } }); } catch (error) { console.error('Помилка входу:', error); res.status(500).json({ помилка: 'Помилка входу' }); } }); // Отримати профіль користувача app.get('/api/profile', auth, async (req, res) => { try { req.user.updateStats(); await req.user.save(); res.json(req.user); } catch (error) { res.status(500).json({ error: 'Не вдалося завантажити профіль' }); } }); // Генерація персоналізованого списку відтворення app.post('/api/personalized-playlist', auth, async (req, res) => { try { const { text, playlistSize = 15 } = req.body; if (!text) { return res.status(400).json({ error: 'Будь ласка, скажіть мені, як ви себе почуваєте!' }); } const moodAnalysis = moodAnalyzer.analyzeMood(text); const playlist = await playlistGen.generatePlaylist(moodAnalysis.mood, moodAnalysis.intensity, playlistSize ); // Зберегти в історії користувача req.user.moodHistory.push({ text, detectedMood: moodAnalysis.mood, confidence: moodAnalysis.confidence, playlistGenerated: playlist.map(track => ({ trackName: track.name, artist: track.artist, spotifyId: track.id })) }); req.user.updateStats(); await req.user.save(); res.json({ moodAnalysis, playlist, personalizedMessage: `На основі вашої історії я налаштував цей список відтворення спеціально для вашого настрою ${moodAnalysis.mood}!` }); } catch (error) { console.error('Помилка персоналізованого списку відтворення:', error); res.status(500).json({ error: 'Не вдалося створити персоналізований список відтворення. Спробуйте ще раз.' }); } }); // Відгук про трек app.post('/api/track-feedback', auth, async (req, res) => { try { const { trackId, liked } = req.body; res.json({ message: 'Відгук отримано! Ми покращимо майбутні рекомендації.' }); } catch (error) { console.error('Помилка відгуку:', error); res.status(500).json({ error: 'Не вдалося обробити відгук' }); } }); app.listen(PORT, () => { console.log(`🚀 API читання думок працює на http://localhost:${PORT}`); console.log('🧠 Готові аналізувати настрої та створювати списки відтворення!'); });

Що ви тепер повинні вміти робити

1. Анонімні користувачі (оригінальна функціональність)

Відвідуйте свій веб-сайт без входу в систему
Створюйте списки відтворення, використовуючи ваш існуючий аналіз настрою
Отримуйте музичні рекомендації на основі емоцій

2. Зареєстровані користувачі (нові функції)

Створіть обліковий запис та увійдіть у систему
Створюйте персоналізовані списки відтворення, які покращуються з часом
Переглядайте історію настрою та особисту аналітику
Вподобуйте/не вподобайте треки для навчання ШІ
Переглядайте статистику, таку як улюблений настрій, загальна кількість списків відтворення тощо.

Покроковий посібник з тестування

Тест 1: Перевірте, чи запускається ваш сервер

node server.js

Ви повинні побачити:

🔑 Спроба автентифікації Spotify... 🎵 Spotify успішно підключено! 🔗 Підключення до MongoDB... ✅ Підключення до MongoDB успішно встановлено! 🚀 API читання думок працює на http://localhost:3000 🧠 Готові аналізувати настрої та створювати списки відтворення!

Тест 2: Відвідайте свій веб-сайт

Перейдіть за посиланням: http://localhost:3000

Що ви повинні побачити:

Форма входу із запитом імені користувача/пароля
Посилання «Немає облікового запису? Зареєструватися»

Тест 3: Створіть свій перший обліковий запис

Натисніть: «Немає облікового запису? Зареєструватися»
Заповніть:
- Ім'я користувача: testuser
- Електронна пошта: test@example.com
- Пароль: password123
Натисніть: "Створити обліковий запис"
Очікуваний результат: "Обліковий запис успішно створено! Будь ласка, увійдіть."

Тест 4: Увійдіть до своєї інформаційної панелі

Використайте щойно створені облікові дані
Натисніть: "Увійти"
Ви повинні побачити:
- Вітання з вашим іменем користувача
- Картки статистики, що показують 0 плейлистів, поки що немає улюбленого настрою
- Текстове поле з питанням "Як ви себе почуваєте зараз?"

Тест 5: Створіть свій перший персоналізований плейлист

Введіть щось на кшталт: "Я дуже радий своєму новому проєкту!"
Натисніть: "Створити мій ідеальний список відтворення"
Ви повинні побачити:
- Виявлений настрій (ймовірно, "енергійний" або "щасливий")
- Список пісень з обкладинками альбомів
- Попередній перегляд аудіоплеєрів (якщо доступні)
- Кнопки "Популярний"/"Вниз" для кожної пісні

Тест 6: Перевірка системи навчання

Натисніть "Популярний" 👍 на піснях, які вам подобаються
Натисніть "Популярний" 👎 на піснях, які вам не подобаються
Очікується: Сповіщення "Дякуємо! Ми рекомендуватимемо більше подібних"

Тест 7: Перевірте оновлення статистики

Оновити сторінка або створити інший список відтворення
Ваша статистика тепер має відображати:
- Загальна кількість списків відтворення: 1 (або більше)
- Улюблений настрій: будь-який виявлений настрій
- Інша статистика має почати заповнюватися

Тестування різних сценаріїв

Спробуйте різні настрої:

«Я щойно розлучився зі своєю дівчиною, і йде дощ» (має бути виявлено: сумно)
«Я з ентузіазмом чекаю на тренування!» (повинно бути виявлено: енергійно)
«Просто хочу розслабитися та спокійно вчитися» (повинно бути виявлено: розслаблено)
«Відчуваю романтику в цей вечір побачення» (повинно бути виявлено: романтично)

Тестові граничні випадки:

«» (порожньо - має показувати помилку)
«випадковий текст asdf» (за замовчуванням має бути нейтрально/розслаблено)
«Я НАДЗВИЧАЙНО схвильований!!!» (має виявити вищу впевненість)

Поширені проблеми та швидкі виправлення

❌ "Помилка підключення до MongoDB"

Перевірте: Чи правильно налаштовано ваш файл .env з рядком підключення MongoDB?

# Запустіть це, щоб перевірити вузол підключення до бази даних -e "require('dotenv').config(); console.log('MONGODB_URI:', process.env.MONGODB_URI ? 'Set ✅' : 'Missing ❌');"

❌ "Помилка підключення до Spotify"

Перевірте: Чи є ваші ключі Spotify API у файлі .env?

# Запустіть це, щоб перевірити облікові дані Spotify node -e "require('dotenv').config(); console.log('Spotify Client ID:', process.env.SPOTIFY_CLIENT_ID ? 'Set ✅' : 'Missing ❌');"

❌ Вхід/реєстрація не працює

Перевірте: Чи бачите ви якісь повідомлення про помилки в консолі браузера?

Натисніть F12 → вкладка Консоль
Шукайте червоні повідомлення про помилки

❌ Сторінка відображає старий інтерфейс

Рішення: Акуратно оновіть сторінку

Натисніть Ctrl+Shift+R (Windows/Linux)
Натисніть Cmd+Shift+R (Mac)

Що має працювати, а що залишається базовим

✅ Має працювати зараз:

Реєстрація та вхід користувача
Базове визначення настрою та створення списку відтворення
Збереження історії настрою в базі даних
Простий зворотний зв'язок про вподобання/невподобання
Відстеження статистики (загальна кількість плейлистів, улюблений настрій)

🚧 Все ще базовий (розширені функції будуть доступні пізніше):

Складне машинне навчання на основі відгуків користувачів
Соціальні функції та спільний доступ до плейлистів
Розширена аналітика та моделі настрою
Інтерфейс мобільного додатка

Наступні кроки після тестування

Як тільки все запрацює:

Спробуйте з різними користувачами - створіть кілька облікових записів, щоб побачити, як відрізняється персоналізація
Згенеруйте кілька плейлистів - спостерігайте, як розвивається ваша статистика та вподобання
Надайте відгук про треки - подивіться, як система вивчає ваш смак
Перевірте свою інформаційну панель MongoDB Atlas - ви повинні побачити, що дані зберігаються

Висновок

Ви щойно створили щось чудове - штучний інтелект, який не тільки розуміє людські емоції, але й навчається та адаптується до індивідуальних уподобань з часом. Ваш API читання думок тепер має пам'ять, індивідуальність та здатність зростати разом зі своїми користувачами.

Поєднання виявлення настрою, навчання користувачів та персоналізованих рекомендацій створює досвід, який стає все більш чарівним з кожною взаємодією. Подорож кожного користувача стає унікальною, створюючи персональний саундтрек до його емоційного життя.

Ваш API тепер запам'ятовує кожен настрій, навчається з кожної взаємодії та формує повне розуміння музичних уподобань кожного користувача. Це основа для справді персоналізованого досвіду зі штучним інтелектом.

Що далі?

Готові піти ще далі? Ось кілька захопливих напрямків:

Розширена аналітика: Додайте розпізнавання шаблонів настрою та прогнозні рекомендації
Соціальні функції: Дозвольте користувачам ділитися списками відтворення та дізнаватися про музичні смаки друзів
Мобільний додаток: Створюйте додатки React Native або Flutter для iOS/Android
Голосова інтеграція: Додайте перетворення мовлення на текст для введення настрою без використання рук
Машинне навчання: Впроваджуйте спільну фільтрацію для ще кращих рекомендацій
Розгортання: Розгортайте в AWS/Vercel з відповідними змінними середовища

Продовжуйте експериментувати та створювати – майбутнє персоналізованого досвіду ШІ у ваших руках!

Готові до наступного виклику? Слідкуйте за нашим майбутнім навчальним посібником про додавання соціальних функцій та спільної фільтрації для створення мережі відкриття музики, яка об’єднує людей через спільні емоційні переживання.