Podignite svoj API za glazbu s čitanjem misli: Dodavanje korisničkih računa s poviješću raspoloženja i pametnim postavkama

Pretvorite svoj generator popisa za reprodukciju koji detektira emocije u personaliziranog glazbenog pratitelja koji uči iz svake interakcije. Ovaj dodatni vodič dodaje autentifikaciju korisnika, analitiku praćenja raspoloženja i inteligentno učenje preferencija kako bi stvorio doista personalizirana glazbena iskustva.

Što danas gradimo

Sjećate li se našeg API-ja za glazbu s čitanjem misli koji je mogao detektirati emocije i generirati popise za reprodukciju? Danas ga činimo personaliziranim. Dodajemo:

Autentifikaciju korisnika koja stvarno funkcionira (bez složenih OAuth glavobolja)
Nadzornu ploču povijesti raspoloženja s prekrasnom analitikom
Pametne postavke popisa za reprodukciju koje uče iz ponašanja korisnika
Personalizirane preporuke koje se s vremenom poboljšavaju
Trajnost podataka tako da korisnici nikada ne izgube svoje glazbeno putovanje

Do kraja ovog vodiča, vaš će API zapamtiti da Sarah voli indie rock kada je tužna, dok Mike preferira klasičnu glazbu za sesije fokusiranja.

Što će vam trebati

Vaš dovršeni API za čitanje misli iz prethodnog vodiča
30 minuta fokusiranog vremena kodiranja
MongoDB Atlas račun (besplatna razina radi savršeno)
Osnovno razumijevanje baza podataka (pojednostavnit ćemo!)

Postavljanje korisničke autentifikacije (jednostavan način)

Prvo, dodajmo pakete koji su nam potrebni za upravljanje korisnicima.

Idite na svoj terminal u uređivaču koda, upišite ili zalijepite sljedeću naredbu i pritisnite enter:

npm install mongoose bcryptjs jsonwebtoken express-session connect-mongo

Korak 1: Postavljanje veze s bazom podataka

Nakon što je instalacija dovršena, stvorite novu datoteku pod nazivom database.js i dodajte sljedeći kod:

const mongoose = require('mongoose'); const connectDB = async () => { try { console.log('🔗 Povezivanje s MongoDB-om...'); await mongoose.connect(process.env.MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true, }); console.log('✅ MongoDB uspješno spojen!'); } catch (error) { console.error('❌ MongoDB veza nije uspjela:', error.message); process.exit(1); } }; module.exports = connectDB;

I spremite s cmd + s, ctrl + s ili file pa spremi.

Izradite svoj MongoDB Atlas račun

Posjetite: mongodb.com/cloud/atlas
Kliknite: gumb "Započni" (obično u gornjem desnom kutu)

Mogućnosti registracije

Imate tri načina za stvaranje računa:

Opcija A: Registracija putem e-pošte

Kliknite "Registrirajte se putem e-pošte"
Unesite svoju adresu e-pošte
Izradite snažnu lozinku
Kliknite "Izradite svoj Atlas račun"

Opcija B: Registracija putem Googlea

Kliknite "Registrirajte se putem Googlea"
Odaberite svoj Google račun
Dodijelite potrebna dopuštenja

Opcija C: Registracija putem GitHuba

Kliknite "Registrirajte se putem GitHub"
Ovlašćujte MongoDB Atlas za pristup vašem GitHub računu

Potvrdite svoju e-poštu

Provjerite pristiglu poštu
Kliknite vezu za potvrdu iz MongoDB-a
Ovo potvrđuje da je vaš račun stvaran

Izradite svoj prvi klaster baze podataka

Ako ne vidite svoju nadzornu ploču nakon prijave, možda ćete morati kliknuti na svoje ime u gornjem desnom kutu da biste otvorili sljedeći padajući izbornik i kliknuti na Atlas:

Tada ćete vidjeti Atlasovu nadzornu ploču. Vrijeme je za izradu baze podataka!

Odaberite vrstu implementacije

Kliknite na "Klasteri" pod "Baza podataka" s lijeve bočne trake

Kliknite "Izgradi klaster"

Odaberite "Besplatno"

Bit ćete preusmjereni na stranicu za implementaciju vašeg klastera i želite odabrati besplatni plan.

Odabir pružatelja usluga u oblaku: Vidjet ćete tri opcije pružatelja usluga:

AWS (Amazon Web Services) ⭐ Preporučeno
Google Cloud Platform
Microsoft Azure

Odaberite: AWS (najpopularniji je i ima najviše regija)

Odabir regije: Nakon odabira AWS-a, vidjet ćete padajući izbornik s mnogim regijama. Odaberite onu najbližu vašoj lokaciji za bolje performanse:

🇺🇸 Sjedinjene Američke Države:

us-east-1 (Sjeverna Virginia) - Istočna obala
us-west-2 (Oregon) - Zapadna obala
us-central-1 (Iowa) - Srednja

🇪🇺 Europa:

eu-west-1 (Irska) - Zapadna Europa
eu-central-1 (Frankfurt) - Srednja Europa
eu-west-2 (London) - UK

🌏 Azija i Pacifik:

ap-southeast-1 (Singapur) - Jugoistočna Azija
ap-south-1 (Mumbai) - Indija
ap-northeast-1 (Tokio) - Japan

💡 Profesionalni savjet: Ako niste sigurni, us-east-1 je obično najsigurniji izbor s najviše značajki.

Zatim kliknite gumb "Izradi implementaciju"

Gumb za stvaranje implementacije MongoDB-a

Stvori korisnika baze podataka

Korak 3.1: Dodaj korisnika baze podataka

Vidjet ćete zaslon "Brzi početak sigurnosti"
Metoda autentifikacije: Ostavite odabrano "Korisničko ime i lozinka"
Korisničko ime: Unesite korisničko ime (npr. mood-music-user)
Lozinka:
- Opcija A: Kliknite "Automatski generiraj sigurnu lozinku" (preporučeno)
- Opcija B: Stvorite vlastitu jaku lozinku (najmanje 8 znakova)
Odmah kopirajte lozinku! Trebat će vam ovo za niz za povezivanje

⚠️ Odmah kopirajte i spremite lozinku!

Kliknite: "Izradi bazu podataka" Korisnik"
Kliknite: "Odaberite način povezivanja"

Odaberite način povezivanja

Vidjet ćete nekoliko opcija povezivanja:

Upravljački programi 👈 Ovo je ono što želimo za Node.js aplikacije
Compass (MongoDB-ova desktop GUI aplikacija)
Shell (MongoDB sučelje naredbenog retka)
MongoDB za VS Code (VS Code proširenje)
Atlas SQL (SQL sučelje za MongoDB)

Odaberite: "Upravljački programi" - ovo vam daje niz za povezivanje za aplikacije poput Node.js

Konfigurirajte vezu upravljačkog programa

Nakon odabira "Upravljački programi":

Upravljački program: Odaberite "Node.js" iz padajućeg izbornika
Verzija: Odaberite verziju Node.js-a ili ostavite kao zadanu (obično radi dobro)
Niz za povezivanje: Vidjet ćete niz za povezivanje ispod

Kopirajte niz za povezivanje

Vidjet ćete nešto poput ovo:

mongodb+srv://<korisničko_ime>:<lozinka>@cluster0.abc123.mongodb.net/?retryWrites=true&w=majority

Važno: Ovo je predložak! Morate:

Zamijenite <username> svojim korisničkim imenom baze podataka
Zamijenite <password> svojom lozinkom baze podataka
Dodajte naziv svoje baze podataka nakon .net/

Primjer transformacije

Prije (predložak):

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

Nakon (spremno za upotrebu):

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

Obavijest:

<korisničko_ime> → mood-music-user
<lozinka> → MySecurePassword123
Dodano je /mood-music-db kao naziv baze podataka

Kliknite na 'gotovo'

Korak 5: Dodajte niz za povezivanje u svoj projekt

Ažurirajte svoju .env datoteku

Otvorite svoju .env datoteku i dodaj:

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

Generiraj snažne tajne

Za JWT_SECRET i SESSION_SECRET, potrebni su vam slučajni nizovi znakova koji neće oštetiti vaše konfiguracijske datoteke.

⚠️ Važno: Izbjegavajte posebne znakove poput @, #, $, %, /, ? u lozinkama jer mogu prekinuti povezne nizove i JSON datoteke.

Opcija A: Jednostavni online generator (preporučeno)

Posjetite: JWTSECRETS
Postavke:
- Broj lozinki: 1
- Duljina lozinke: 32
- ✅ Označite "velika slova (A-Z)"
- ✅ Označite "mala slova (a-z)"
- ✅ Označite "znamenke (0-9)"
- ❌ Poništite odabir "interpunkcija"
Kliknite "Preuzmi lozinke"

Opcija B: Koristite konzolu preglednika (super jednostavno!)

Otvorite bilo koju web stranicu (poput google.com)
Pritisnite F12 (ili kliknite desnom tipkom miša → Pregledaj)
Kliknite karticu "Konzola"

Zalijepite ovaj kod i pritisnite Enter:

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

Kopiraj rezultat - bit će nešto poput: k8m9x2n7p4q1w3e5r6t8y9u2i4o7p1a5s3d6f8g2h4j7k9l

Opcija C: Ručna metoda (ako sve ostalo ne uspije)

Samo upišite dugi nasumični niz koristeći:

Slova: A-Z, a-z
Brojevi: 0-9
Primjer: MyApp2024SecretKey789RandomString456Auth

Konačni .env primjer

SPOTIFY_CLIENT_ID=your_spotify_client_id_here SPOTIFY_CLIENT_SECRET=vaša_spotify_klijentova_tajna_ovdje MONGODB_URI=mongodb+srv://mood-music-korisnik:MySecurePassword123@cluster0.abc123.mongodb.net/mood-music-db?retryWrites=true&w=majority JWT_SECRET=A8f2K9mP3qR7sT1vW5yX8bC4eN6jL2oU9iH7gF3dS6aZ1mQ4wE8rT5yU2pI9oL SESSION_SECRET=B7gT3mK9pL2sF6vW1yX4eR8aC5qN9jM7oU3iH6dG2fS8aZ4mQ1wE5rT7yU9pI3oL PORT=3000

Ključne točke:

✅ Nema posebnih znakova u JWT_SECRET i SESSION_SECRET
✅ MongoDB lozinka izbjegava znakove koji prekidaju URL
✅ Svi tajni podaci su dugi i nasumični
✅ Sigurno za korištenje u JSON datotekama i nizovima za povezivanje

Korak 2: Korisnički model s praćenjem raspoloženja

Izradi mapu pod nazivom models i unutar nje dodajte datoteku pod nazivom User.js. Zatim u datoteku dodajte i spremite sljedeći kod:

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], moodMapping: { happy: [String], sad: [String], energičan: [String], chill: [String], angry: [String], romantic: [String], nostalgičan: [String] } }); const userSchema = new mongoose.Schema({ korisničkoime: { 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 }); // Hashiraj lozinku prije spremanja userSchema.pre('save', async function(next) { if (!this.isModified('password')) return next(); this.password = await bcrypt.hash(this.password, 12); next(); }); // Usporedi lozinke userSchema.methods.comparePassword = async function(password) { return bcrypt.compare(password, this.password); }; // Izračunaj korisničku statistiku userSchema.methods.updateStats = function() { const moods = this.moodHistory.map(entry => entry.detectedMood); this.stats.totalPlaylists = this.moodHistory.length; // Pronađi najčešće raspoloženje 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, 'neutralno'); // Određuje omiljeno doba dana 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 = 'noć'; else if (avgHour < 12) this.stats.favoriteTime = 'jutro'; else if (avgHour < 18) this.stats.favoriteTime = 'poslijepodne'; else this.stats.favoriteTime = 'večer'; }; module.exports = mongoose.model('User', userSchema);

Korak 3: Middleware za autentifikaciju

Izradite mapu pod nazivom middleware i u nju dodajte datoteku pod nazivom auth.js. Zatim dodajte sljedeći kod u datoteku i spremite je:

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: 'Token nije naveden' }); } const decoded = jwt.verify(token, process.env.JWT_SECRET); const user = await User.findById(decoded.userId); if (!user) { return res.status(401).json({ error: 'Korisnik nije pronađen' }); } req.user = user; next(); } catch (error) { res.status(401).json({ error: 'Nevažeći token' }); } }; module.exports = auth;

Korisnička nadzorna ploča s prekrasnom analitikom

Izradite novu mapu u svom projektu i nazovite je public, a zatim dodajte datoteku unutar ove mape i nazovite je index.html:

<!DOCTYPE html> <html> <head> <title>API za čitanje misli - Osobna nadzorna ploča</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', system-ui, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; color: #333; } .dashboard { max-width: 1200px; margin: 0 auto; padding: 20px; } .header { background: rgba(255,255,255,0.95); background-filter: blur(10px); border-radius: 20px; padding: 30px; margin-bottom: 30px; text-align: center; box-shadow: 0 8px 32px rgba(0,0,0,0.1); } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 30px; } .stat-card { background: rgba(255,255,255,0.9); border-radius: 15px; padding: 25px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1); } .mood-input-section { background: rgba(255,255,255,0.95); border-radius: 20px; padding: 30px; margin-bottom: 30px; } .mood-history { background: rgba(255,255,255,0.95); border-radius: 20px; padding: 30px; } .history-item { background: #f8f9fa; border-radius: 10px; padding: 15px; margin-bottom: 15px; border-left: 4px solid #667eea; } .login-section, .register-section { background: rgba(255,255,255,0.95); border-radius: 20px; padding: 30px; max-width: 400px; margin: 50px auto; } input, textarea, button { width: 100%; padding: 12px; margin: 10px 0; border: 2px solid #e1e5e9; border-radius: 8px; font-size: 16px; } button { background: linear-gradient(135deg, #667eea, #764ba2); color: white; border: none; cursor: pointer; font-weight: 600; } button:hover { transform: translateY(-2px); }       🧠🎵 Dobrodošli natrag!
  <input type="password" id="loginPassword" placeholder="Password"> <button onclick="login()">Prijava <p><a href="#" onclick="showRegister()">Nemate račun? Registrirajte se</a></p> </div> <div id="registerSection" class="register-section" style="display:none;"> <h2>🎵 Izradite svoj glazbeni profil</h2> <input type="text" id="regUsername" placeholder="Korisničko ime"> <input type="email" id="regEmail" placeholder="E-pošta"> <input type="password" id="regPassword" placeholder="Lozinka"> <button onclick="register()">Izradi račun</button> <p><a href="#" onclick="showLogin()">Već imate račun? Prijava</a></p> </div> </div> <div id="dashboardSection" style="display:none;"> <div class="header"> <h1>🧠🎵 Vaš osobni čitač glazbenih misli</h1> <p>Dobrodošli natrag, <span id="username"></span>! Spremni otkriti svoj savršeni soundtrack?</p> <button onclick="logout()" style="width:auto; margin-top:10px;">Odjava</button> </div> <div class="stats-grid"> <div class="stat-card"> <h3>📊 Ukupno popisa za reprodukciju</h3> <div id="totalPlaylists" class="stat-number">0</div&&</div> <div class="stat-card"> <h3>😊 Omiljeno raspoloženje</h3> <div id="favoriteMood" class="stat-text">-</div> </div> <div class="stat-card"> <h3>🕐 Najbolje vrijeme</h3> <div id="najbolje vrijeme" class="stat-text">-</div> </div> <div class="stat-card"> <h3>🎵 Najbolji žanr</h3> <div id="topGenre" class="stat-text">-</div> </div> </div> </div> <div class="mood-input-section"> <h2>💭 Kako se trenutno osjećate?</h2> <textarea id="moodText" placeholder="Opišite svoje trenutno raspoloženje, što se događa ili kako se želite osjećati..."></textarea> <button onclick="generatePersonalizedPlaylist()">🎧 Generiraj moj savršeni popis za reprodukciju</button> <div id="result" style="display:none;" class="result"></div> </div> <div class="mood-history"> <h2>📈 Vaše putovanje raspoloženjem</h2> <div id="historyContainer"></div> </div> </div> </div> </div> </script src="/js/app.js"></script> </body> </html>

Sada unutar svoje mape public stvorite mapu i nazovite je js te stvorite datoteku app.js unutar mape js pomoću sljedećeg koda:

let authToken = localStorage.getItem('authToken'); let currentUser = null; if (authToken) { loadDashboard(); } funkcija showLogin() { document.querySelector('.login-section').style.display = 'block'; document.getElementById('registerSection').style.display = 'none'; } funkcija showRegister() { document.querySelector('.login-section').style.display = 'none'; document.getElementById('registerSection').style.display = 'block'; } async funkcija prijava() { const korisničko_ime = document.getElementById('loginUsername').value; const lozinka = document.getElementById('loginPassword').value; if (!username || !password) { alert('Molimo ispunite sva polja'); return; } try { const response = await fetch('/api/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ korisničko_ime, lozinka }) }); const data = await response.json(); if (response.ok) { authToken = data.token; localStorage.setItem('authToken', authToken); loadDashboard(); } else { alert(data.error || 'Prijava nije uspjela'); } } catch (error) { console.error('Pogreška prijave:', error); alert('Prijava nije uspjela. Pokušajte ponovno.'); } } async function register() { const korisničko_ime = document.getElementById('regUsername').value; const email = document.getElementById('regEmail').value; const password = document.getElementById('regPassword').value; if (!korisničko_ime || !email || !lozinka) { alert('Molimo ispunite sva polja'); return; } try { const response = await fetch('/api/register', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ korisničko_ime, e-pošta, lozinka }) }); const data = await response.json(); if (response.ok) { alert('Račun uspješno kreiran! Molimo prijavite se.'); showLogin(); } else { alert(data.error || 'Registracija nije uspjela'); } } catch (error) { console.error('Pogreška registracije:', error); alert('Registracija nije uspjela. Molimo pokušajte ponovno.'); } } async funkcija loadDashboard() { try { const response = await fetch('/api/profile', { headers: { 'Autorizacija': 'Nosilac ' + authToken } }); if (response.ok) { currentUser = await response.json(); showDashboard(); updateStats(); loadMoodHistory(); } else { logout(); } } catch (error) { console.error('Greška učitavanja nadzorne ploče:', error); logout(); } } function showDashboard() { document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSection').style.display = 'block'; document.getElementById('korisničko_ime').textContent = currentUser.korisničko_ime; } funkcija ažuriranjaStats() { 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]) || '-'; } funkcija učitavanjaPovijestiRaspoloženja() { const historyContainer = document.getElementById('historyContainer'); ako (!currentUser.MoodHistory || currentUser.MoodHistory.length === 0) { historyContainer.innerHTML = 'Još nema povijesti raspoloženja. Generirajte svoju prvu playlistu!
'; 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} generiranih pjesama</small> </div>` ).join(''); } async function generatePersonalizedPlaylist() { const moodText = document.getElementById('moodText').value; if (!moodText.trim()) { alert('Molimo opišite kako se osjećate!'); return; } try { const response = await fetch('/api/personalized-playlist', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Autorization': 'Bearer ' + authToken }, body: JSON.stringify({ text: moodText }) }); const data = await response.json(); if (response.ok) { displayPersonalizedResults(data); loadDashboard(); } else { alert(data.error || 'Generiranje popisa za reprodukciju nije uspjelo'); } } catch (error) { console.error('Pogreška pri generiranju popisa za reprodukciju:', error); alert('Nije uspjelo generiranje popisa za reprodukciju. Pokušajte ponovno.'); } } function displayPersonalizedResults(data) { const resultDiv = document.getElementById('result'); resultDiv.style.display = 'block'; const html = ` Otkriveno raspoloženje: ${data.moodAnalysis.mood} (Pouzdanost: ${data.moodAnalysis.confidence}/10)
 ${data.personalizedMessage || 'Evo vašeg popisa za reprodukciju!'}
  ${data.playlist.map(track => `  ${track.album_image ? `` : ''}  ${naziv.tracka}<br>${track.artist}</div><div>   
 
 `).join('')} 
 `; resultDiv.innerHTML = html; } async function likeTrack(trackId, liked) { try { await fetch('/api/track-feedback', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Autorizacija': 'Nosilac ' + authToken }, body: JSON.stringify({ trackId: trackId, liked: liked }) }); alert(sviđa mi se ? 'Hvala! Preporučit ćemo više ovakvih.' : 'Shvaćam! Izbjegavat ćemo slične pjesme.'); } catch (error) { console.error('Pogreška povratnih informacija:', error); } } function logout() { localStorage.removeItem('authToken'); authToken = null; currentUser = null; document.getElementById('authSection').style.display = 'block'; document.getElementById('dashboardSection').style.display = 'none'; showLogin();

Zamijenite svoju server.js datoteku

Zamijenite kod svoje server.js datoteke sljedećim:

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'); // Povezivanje s MongoDB-om const connectDB = async () => { try { console.log('🔗 Povezivanje s MongoDB-om...'); await mongoose.connect(process.env.MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true, }); console.log('✅ MongoDB uspješno spojen!'); } catch (error) { console.error('❌ MongoDB veza nije uspjela:', 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')); // Poslužuje glavnu stranicu app.get('/', (req, res) => { res.sendFile(__dirname + '/public/index.html'); }); // Registracija korisnika app.post('/api/register', async (req, res) => { try { const { korisničko_ime, e-pošta, lozinka } = req.body; if (!korisničko_ime || !e-pošta || !lozinka) { return res.status(400).json({ greška: 'Sva polja su obavezna' }); } if (lozinka.length < 6) { return res.status(400).json({ greška: 'Lozinka mora imati najmanje 6 znakova' }); } const postojećiKorisnik = await Korisnik.findOne({ $or: {[ e-pošta }, { korisničko_ime }] }); if (existingKorisnik) { return res.status(400).json({ greška: 'Korisničko ime ili e-pošta već postoje' }); } const korisnik = novi Korisnik({ korisničko_ime, e-pošta, lozinka }); await korisnik.save(); res.status(201).json({ poruka: 'Korisnik uspješno kreiran' }); } catch (greška) { console.error('Pogreška registracije:', greška); res.status(500).json({ greška: 'Registracija nije uspjela' }); } }); // Prijava korisnika app.post('/api/login', async (req, res) => { try { const { korisničko ime, lozinka } = req.body; const korisnik = await User.findOne({ $or: {[ korisničko ime }, { e-pošta: korisničko ime }] }); if (!korisnik || !(await korisnik.comparePassword(lozinka))) { return res.status(401).json({ greška: 'Nevažeći podaci za prijavu' }); } const token = jwt.sign( { korisničkiId: korisnik._id }, process.env.JWT_SECRET, { expiresIn: '7d' } ); res.json({ token, korisnik: { korisničko ime: korisnik.korisničko_ime, e-pošta: korisnik.e-pošta } }); } catch (greška) { console.error('Greška prijave:', greška); res.status(500).json({ greška: 'Prijava nije uspjela' }); } }); // Dohvati korisnički profil 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: 'Nije uspjelo učitavanje profila' }); } }); // Generiranje personaliziranog popisa za reprodukciju app.post('/api/personalized-playlist', auth, async (req, res) => { try { const { text, playlistSize = 15 } = req.body; if (!text) { return res.status(400).json({ error: 'Molim vas, recite mi kako se osjećate!' }); } const moodAnalysis = moodAnalyzer.analyzeMood(text); const playlist = await playlistGen.generatePlaylist(moodAnalysis.mood, moodAnalysis.intensity, playlistSize ); // Sprema u povijest korisnika 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: `Na temelju vaše povijesti, prilagodio sam ovaj popis za reprodukciju posebno za vaše ${moodAnalysis.mood} raspoloženje!` }); } catch (error) { console.error('Pogreška personaliziranog popisa za reprodukciju:', error); res.status(500).json({ error: 'Generiranje personaliziranog popisa za reprodukciju nije uspjelo. Pokušajte ponovno.' }); } }); // Povratne informacije o praćenju app.post('/api/track-feedback', auth, async (req, res) => { try { const { trackId, liked } = req.body; res.json({ message: 'Primljene povratne informacije! Poboljšat ćemo buduće preporuke.' }); } catch (error) { console.error('Pogreška povratnih informacija:', error); res.status(500).json({ error: 'Nije moguće obraditi povratne informacije' }); } }); app.listen(PORT, () => { console.log(`🚀 API za čitanje misli radi na http://localhost:${PORT}`); console.log('🧠 Spremni za analizu raspoloženja i generiranje popisa za reprodukciju!'); });

Što biste sada trebali moći učiniti

1. Anonimni korisnici (izvorna funkcionalnost)

Posjetite svoju web stranicu bez prijave
Generirajte popise za reprodukciju koristeći postojeću analizu raspoloženja
Dobijte glazbene preporuke na temelju emocija

2. Registrirani korisnici (nove značajke)

Izradite račun i prijavite se
Generirajte personalizirane popise za reprodukciju koji se poboljšavaju s vremenom
Pregledajte povijest raspoloženja i osobnu analitiku
Sviđaju vam se/ne sviđaju vam se pjesme za treniranje umjetne inteligencije
Pregledajte statistike poput omiljenog raspoloženja, ukupnih popisa za reprodukciju itd.

Vodič za testiranje korak po korak

Test 1: Provjerite pokreće li se vaš poslužitelj

node server.js

Trebali biste vidjeti:

🔑 Pokušaj Spotify autentifikacije... 🎵 Spotify je uspješno povezan! 🔗 MongoDB se povezuje... ✅ MongoDB se uspješno povezao! 🚀 API za čitanje misli radi na http://localhost:3000 🧠 Spremni za analizu raspoloženja i generiranje popisa za reprodukciju!

Test 2: Posjetite svoju web stranicu

Idite na: http://localhost:3000

Što biste trebali vidjeti:

Obrazac za prijavu koji traži korisničko ime/lozinku
Poveznicu "Nemate račun? Registrirajte se"

Test 3: Izradite svoj prvi račun

Kliknite: "Nemate račun? Registrirajte se"
Ispunite:
- Korisničko ime: testuser
- E-pošta: test@example.com
- Lozinka: password123
Kliknite: "Izradi račun"
Očekivani rezultat: "Račun uspješno kreiran! Prijavite se."

Test 4: Prijavite se na svoju nadzornu ploču

Koristite vjerodajnice koje ste upravo kreirali
Kliknite: "Prijava"
Trebali biste vidjeti:
- Poruku dobrodošlice s vašim korisničkim imenom
- Kartice statistike koje prikazuju 0 popisa za reprodukciju, još nema omiljenog raspoloženja
- Područje s tekstom s pitanjem "Kako se trenutno osjećate?"

Test 5: Generirajte svoj prvi personalizirani popis za reprodukciju

Upišite nešto poput: "Jako sam uzbuđen zbog svog novog projekta!"
Kliknite: "Generiraj moj savršeni popis za reprodukciju"
Trebali biste vidjeti:
- Otkriveno raspoloženje (vjerojatno "energično" ili "sretno")
- Popis pjesama s omotom albuma
- Pregled audio playera (ako su dostupni)
- Gumbi s palcem gore/dolje za svaku pjesmu

Test 6: Testiranje sustava učenja

Kliknite palac gore 👍 na pjesmama koje vam se sviđaju
Kliknite palac dolje 👎 na pjesmama koje vam se ne sviđaju
Očekivano: Poruke upozorenja "Hvala! Preporučit ćemo još ovakvih"

Test 7: Provjerite ažuriranje statistike

Osvježite stranica ili generirajte drugu playlistu
Vaša statistika bi sada trebala prikazivati:
- Ukupno playlista: 1 (ili više)
- Omiljeno raspoloženje: bilo koje raspoloženje koje je otkriveno
- Ostale statistike bi se trebale početi popunjavati

Testiranje različitih scenarija

Isprobajte različita raspoloženja:

"Upravo sam prekinuo s djevojkom i pada kiša" (trebalo bi otkriti: tužno)
"Uzbuđen sam za trening!" (trebalo bi otkriti: energično)
"Samo se želim opustiti i mirno učiti" (trebalo bi otkriti: opuštanje)
"Osjećam se romantično na ovoj večeri za spoj" (trebalo bi otkriti: romantično)

Testni rubni slučajevi:

"" (prazno - trebalo bi prikazivati grešku)
"asdf slučajni tekst" (trebalo bi postaviti neutralno/opušteno)
"IZUZETNO sam uzbuđen!!!" (trebalo bi otkriti veću pouzdanost)

Uobičajeni problemi i brza rješenja

❌ "MongoDB veza nije uspjela"

Provjerite: Je li vaša .env datoteka ispravno postavljena s MongoDB nizom za povezivanje?

# Pokrenite ovo za testiranje čvora veze s bazom podataka -e "require('dotenv').config(); console.log('MONGODB_URI:', process.env.MONGODB_URI ? 'Set ✅' : 'Missing ❌');"

❌ "Veza sa Spotifyjem nije uspjela"

Provjerite: Jesu li vaši Spotify API ključevi u .env datoteci?

# Pokrenite ovo za provjeru Spotify vjerodajnica node -e "require('dotenv').config(); console.log('Spotify Client ID:', process.env.SPOTIFY_CLIENT_ID ? 'Set ✅' : 'Missing ❌');"

❌ Prijava/Registracija ne radi

Provjerite: Vidite li poruke o pogrešci u konzoli preglednika?

Pritisnite F12 → kartica Konzola
Potražite crvene poruke o pogrešci

❌ Stranica prikazuje staro sučelje

Rješenje: Osvježite stranicu

Pritisnite Ctrl+Shift+R (Windows/Linux)
Pritisnite Cmd+Shift+R (Mac)

Što bi trebalo raditi u odnosu na ono što je još uvijek osnovno

✅ Trebalo bi sada raditi:

Registracija i prijava korisnika
Osnovno otkrivanje raspoloženja i generiranje popisa za reprodukciju
Spremanje povijesti raspoloženja u bazu podataka
Jednostavne povratne informacije o sviđanjima/nesviđanjima
Praćenje statistike (ukupno popisa za reprodukciju, omiljeno raspoloženje)

🚧 Još uvijek osnovno (napredne značajke za kasnije):

Složeno strojno učenje iz povratnih informacija korisnika
Društvene značajke i dijeljenje popisa za reprodukciju
Napredna analitika i obrasci raspoloženja
Sučelje mobilne aplikacije

Sljedeći koraci nakon testiranja

Nakon što sve radi:

Isprobajte s različitim korisnicima - stvorite više računa kako biste vidjeli kako se personalizacija razlikuje
Generirajte više popisa za reprodukciju - promatrajte kako se vaše statistike i preferencije razvijaju
Dajte povratne informacije o pjesmama - pogledajte kako sustav uči vaš ukus
Provjerite svoju nadzornu ploču MongoDB Atlas - trebali biste vidjeti da se podaci pohranjuju

Zaključak

Upravo ste izgradili nešto izvanredno - umjetnu inteligenciju koja ne samo da razumije ljudske emocije već uči i prilagođava se individualnim preferencijama tijekom vremena. Vaš Mind-Reading Music API sada ima memoriju, osobnost i sposobnost rasta sa svojim korisnicima.

Kombinacija detekcije raspoloženja, učenja korisnika i personaliziranih preporuka stvara iskustvo koje postaje čarobnije sa svakom interakcijom. Putovanje svakog korisnika postaje jedinstveno, gradeći osobni soundtrack za njihov emocionalni život.

Vaš API sada pamti svako raspoloženje, uči iz svake interakcije i gradi sveobuhvatno razumijevanje glazbenih preferencija svakog korisnika. To je temelj za istinski personalizirana AI iskustva.

Što je sljedeće?

Spremni ste za još veći napredak? Evo nekoliko uzbudljivih smjerova:

Napredna analitika: Dodajte prepoznavanje obrazaca raspoloženja i prediktivne preporuke
Društvene značajke: Omogućite korisnicima dijeljenje popisa za reprodukciju i otkrivanje glazbenog ukusa prijatelja
Mobilna aplikacija: Izradite React Native ili Flutter aplikacije za iOS/Android
Integracija glasa: Dodajte pretvaranje govora u tekst za unos raspoloženja bez upotrebe ruku
Strojno učenje: Implementirajte kolaborativno filtriranje za još bolje preporuke
Implementacija: Implementirajte na AWS/Vercel s odgovarajućim varijablama okruženja

Nastavite eksperimentirati i graditi - budućnost personaliziranih AI iskustava je u vašim rukama!

Spremni za sljedeći izazov? Pratite naš nadolazeći vodič o dodavanju društvenih značajki i kolaborativnom filtriranju za stvaranje mreže za otkrivanje glazbe koja povezuje ljude putem zajedničkih emocionalnih iskustava.