Oppgrader ditt tankelesende musikk-API: Legge til brukerkontoer med humørhistorikk og smarte preferanser

Forvandle din følelsesregistrerende spillelistegenerator til en personlig musikkledsager som lærer av hver interaksjon. Denne oppfølgingsveiledningen legger til brukerautentisering, humørsporingsanalyse og intelligent preferanselæring for å skape virkelig personlige musikalske opplevelser.

Hva vi bygger i dag

Husker du vårt tankelesende musikk-API som kunne oppdage følelser og generere spillelister? I dag gjør vi det personlig. Vi legger til:

Brukerautentisering som faktisk fungerer (ingen komplekse OAuth-hodepiner)
Dashbord for humørhistorikk med vakker analyse
Smarte spillelistepreferanser som lærer av brukeratferd
Personlige anbefalinger som blir bedre over tid
Datapersistens slik at brukerne aldri mister sin musikalske reise

Ved slutten av denne veiledningen vil API-en din huske at Sarah elsker indierock når hun er trist, mens Mike foretrekker klassisk musikk for fokusøkter.

Hva du trenger

Din fullførte Mind-Reading Music API fra forrige veiledning
30 minutter med fokusert kodetid
MongoDB Atlas-konto (gratisnivået fungerer perfekt)
Grunnleggende forståelse av databaser (vi holder det enkelt!)

Konfigurere brukerautentisering (den enkle måten)

Først legger vi til pakkene vi trenger for brukeradministrasjon.

Gå til terminalen i kodeeditoren, skriv eller lim inn følgende kommando og trykk enter:

npm install mongoose bcryptjs jsonwebtoken express-session connect-mongo

Trinn 1: Konfigurering av databasetilkobling

Når installasjonen er fullført, oppretter du en ny fil kalt database.js og legger til følgende kode:

const mongoose = require('mongoose'); const connectDB = async () => { try { console.log('🔗 Kobler til MongoDB...'); await mongoose.connect(process.env.MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true, }); console.log('✅ MongoDB koblet til!'); } catch (feil) { console.error('❌ MongoDB-tilkobling mislyktes:', error.message); process.exit(1); } }; module.exports = connectDB;

Og lagre med cmd + s, ctrl + s eller filen, og lagre deretter.

Opprett din MongoDB Atlas-konto

Besøk: mongodb.com/cloud/atlas
Klikk: "Kom i gang"-knappen (vanligvis øverst til høyre)

Registreringsalternativer

Du har tre måter å opprette en konto på:

Alternativ A: E-postregistrering

Klikk på "Registrer deg med e-post"
Skriv inn e-postadressen din
Opprett et sterkt passord
Klikk på "Opprett din Atlas-konto"

Alternativ B: Google-registrering

Klikk på "Registrer deg med Google"
Velg Google-kontoen din
Gi nødvendige tillatelser

Alternativ C: GitHub-registrering

Klikk på "Registrer deg med GitHub"
Autoriser MongoDB Atlas for å få tilgang til GitHub-kontoen din

Bekreft e-posten din

Sjekk e-postinnboksen din
Klikk på bekreftelseslenken fra MongoDB
Dette bekrefter at kontoen din er ekte

Opprett din første databaseklynge

Hvis du ikke ser dashbordet ditt etter at du har logget inn, må du kanskje klikke på navnet ditt øverst til høyre for å åpne følgende rullegardinmeny og klikke på Atlas:

Du vil da se Atlas-dashbordet. Tid for å opprette databasen din!

Velg distribusjonstype

Klikk på "Klynger" under "Database" fra venstre sidefelt

Klikk på "Bygg en klynge"

Velg "Gratis"

Du blir omdirigert til en side for å distribuere klyngen din, og du vil velge gratisplanen.

Valg av skyleverandør: Du vil se tre leverandøralternativer:

AWS (Amazon Web Services) ⭐ Anbefalt
Google Cloud Platform
Microsoft Azure

Velg: AWS (den er den mest populære og har flest regioner)

Regionsvalg: Etter at du har valgt AWS, vil du se en rullegardinmeny med mange regioner. Velg den som er nærmest din posisjon for bedre ytelse:

🇺🇸 USA:

us-east-1 (Nord-Virginia) - Østkysten
us-west-2 (Oregon) - Vestkysten
us-central-1 (Iowa) - Sentral-Europa

🇪🇺 Europa:

eu-west-1 (Irland) - Vest-Europa
eu-central-1 (Frankfurt) - Sentral-Europa
eu-west-2 (London) - Storbritannia

🌏 Asia og Stillehavsområdet:

ap-southeast-1 (Singapore) - Sørøst-Asia
ap-south-1 (Mumbai) - India
ap-northeast-1 (Tokyo) - Japan

💡 Profftips: Hvis du er usikker, er us-east-1 vanligvis det tryggeste valget med flest funksjoner.

Klikk deretter på "Opprett distribusjon"-knappen

Opprett databasebruker

Trinn 3.1: Legg til databasebruker

Du vil se skjermbildet "Sikkerhetshurtigstart"
Autentiseringsmetode: Behold "Brukernavn og passord" valgt
Brukernavn: Skriv inn et brukernavn (f.eks. mood-music-user)
Passord:
- Alternativ A: Klikk på "Autogenerer sikkert passord" (anbefales)
- Alternativ B: Opprett ditt eget sterke passord (minst 8 tegn)
Kopier passordet umiddelbart! Du trenger dette til tilkoblingsstrengen din

⚠️ Kopier og lagre passordet ditt umiddelbart!

Klikk: "Opprett database Bruker"
Klikk: "Velg en tilkoblingsmetode"

Velg tilkoblingsmetode

Du vil se flere tilkoblingsalternativer:

Drivere 👈 Dette er hva vi ønsker for Node.js-apper
Compass (MongoDBs skrivebordsapplikasjon for grafisk design)
Shell (MongoDBs kommandolinjegrensesnitt)
MongoDB for VS Code (VS Code-utvidelse)
Atlas SQL (SQL-grensesnitt for MongoDB)

Velg: "Drivere" - dette gir deg tilkoblingsstrengen for applikasjoner som Node.js

Konfigurer drivertilkoblingen din

Etter å ha valgt "Drivere":

Driver: Velg "Node.js" fra rullegardinmenyen
Versjon: Velg Node.js-versjonen din, eller la den være som standard (fungerer vanligvis fint)
Tilkoblingsstreng: Du vil se tilkoblingsstrengen nedenfor

Kopier tilkoblingsstrengen din

Du vil se noe sånt som dette:

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

Viktig: Dette er en mal! Du må:

Erstatte <username> med databasebrukernavnet ditt
Erstatte <password> med databasepassordet ditt
Legge til databasenavnet ditt etter .net/

Eksempel på transformasjon

Før (mal):

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

Etter (klar til bruk):

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

Merknad:

<brukernavn> → mood-music-bruker
<passord> → MySecurePassword123
La til /mood-music-db som databasenavn

Klikk på 'ferdig'

Trinn 5: Legg til tilkoblingsstreng i prosjektet ditt

Oppdater .env-filen din

Åpne .env-filen din og legg til:

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

Generer sterke hemmeligheter

For JWT_SECRET og SESSION_SECRET trenger du tilfeldige strenger som ikke vil ødelegge konfigurasjonsfilene dine.

⚠️ Viktig: Unngå spesialtegn som @, #, $, %, /, ? i passord, da de kan ødelegge tilkoblingsstrenger og JSON-filer.

Alternativ A: Enkel online generator (anbefales)

Besøk: JWTSECRETS
Innstillinger:
- Antall passord: 1
- Passordlengde: 32
- ✅ Kryss av for "store bokstaver (A-Å)"
- ✅ Kryss av for "små bokstaver (a–å)"
- ✅ Kryss av for "sifre (0–9)"
- ❌ Fjern merket for "tegnsetting"
Klikk på "Hent passord"

Alternativ B: Bruk nettleserkonsollen din (superenkelt!)

Åpne et hvilket som helst nettsted (som google.com)
Trykk på F12 (eller høyreklikk → Inspiser)
Klikk på fanen "Konsoll"

Lim inn denne koden og trykk Enter:

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

Kopier resultat - det vil være noe sånt som: k8m9x2n7p4q1w3e5r6t8y9u2i4o7p1a5s3d6f8g2h4j7k9l

Alternativ C: Manuell metode (hvis alt annet mislykkes)

Bare skriv inn en lang tilfeldig streng ved å bruke:

Bokstaver: A-Z, a-z
Tall: 0-9
Eksempel: MyApp2024SecretKey789RandomString456Auth

Endelig .env-eksempel

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

Hovedpunkter:

✅ Ingen spesialtegn i JWT_SECRET og SESSION_SECRET
✅ MongoDB-passord unngår URL-brytende tegn
✅ Alle hemmeligheter er lange og tilfeldige
✅ Trygt å bruke i JSON-filer og tilkoblingsstrenger

Trinn 2: Brukermodell med Mood Sporing

Opprett en mappe med navnet models og legg til en fil med navnet User.js i mappen. Legg deretter til og lagre følgende kode i filen:

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 brukerInnstillingerSchema = new mongoose.Schema({ favorittSjangere: [String], foretrukketEnerginivå: { type: Nummer, min: 0, maks: 1 }, mislikteArtister: [String], moodMusicMapping: { glad: [String], sad: [String], energetisk: [String], chill: [String], angry: [String], romantisk: [String], nostalgisk: [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 }); // Hash passord før lagring userSchema.pre('save', async function(next) { if (!this.isModified('password')) return next(); this.password = await bcrypt.hash(this.password, 12); next(); }); // Sammenlign passord userSchema.methods.comparePassword = async function(password) { return bcrypt.compare(password, this.password); }; // Beregn brukerstatistikk userSchema.methods.updateStats = function() { const moods = this.moodHistory.map(entry => entry.detectedMood); this.stats.totalPlaylists = this.moodHistory.length; // Finn vanligste humørkonsekvenser 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, 'nøytral'); // Bestem favoritttidspunkt på dagen 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 = 'natt'; else if (avgHour < 12) this.stats.favoriteTime = 'morgen'; else if (avgHour < 18) this.stats.favoriteTime = 'ettermiddag'; else this.stats.favoriteTime = 'kveld'; }; module.exports = mongoose.model('Bruker', userSchema);

Trinn 3: Autentisering av mellomvare

Opprett en mappe med navnet middleware og legg til en fil med navnet auth.js i den. Legg deretter til følgende kode i filen og lagre den:

const jwt = require('jsonwebtoken'); const Bruker = require('../models/Bruker'); 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: 'Ingen token oppgitt' }); } const decoded = jwt.verify(token, process.env.JWT_SECRET); const user = await User.findById(decoded.userId); if (!user) { return res.status(401).json({ error: 'Bruker ikke funnet' }); } req.user = user; next(); } catch (error) { res.status(401).json({ error: 'Ugyldig token' }); } }; module.exports = auth;

Brukerdashbord med vakker analyse

Opprett en ny mappe i prosjektet ditt og gi den navnet public, legg deretter til en fil i denne mappen og gi den navnet index.html:

<!DOCTYPE html> <html> <head> <title>Mind-Reading Music API – Personlig dashbord</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); backdrop-filter: blur(10px); border-radius: 20px; padding: 30px; margin-bottom: 30px; text-align: center; boks-skygge: 0 8px 32px rgba(0,0,0,0.1); } .stats-grid { display: grid; grid-mal-kolonner: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bunn: 30px; } .stat-card { background: rgba(255,255,255,0.9); border-radius: 15px; padding: 25px; text-align: center; boks-skygge: 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-bunn: 30px; } .mood-history { bakgrunn: rgba(255,255,255,0.95); border-radius: 20px; padding: 30px; } .history-item { bakgrunn: #f8f9fa; border-radius: 10px; padding: 15px; margin-bottom: 15px; border-left: 4px solid #667eea; } .login-section, .register-section { bakgrunn: rgba(255,255,255,0.95); border-radius: 20px; padding: 30px; max-width: 400px; margin: 50px auto; } input, textarea, button { bredde: 100%; padding: 12px; margin: 10px 0; border: 2px solid #e1e5e9; border-radius: 8px; font-size: 16px;

} } knapp { bakgrunn: lineær-gradient(135deg, #667eea, #764ba2); farge: hvit; border: ingen; cursor: pointer; font-weight: 600; } knapp:hover { transform: translateY(-2px); } </stil> </head> <kropp> <div class="dashboard"> <div id="authSeksjon"> <div class="login-seksjon"> <h2>🧠🎵 Velkommen tilbake!</h2> <input type="tekst" id="loginBrukernavn" placeholder="Brukernavn"> <input type="passord" id="loginPassord" placeholder="Passord"> <knapp onclick="login()">Logg inn</knapp> <p><a href="#" onclick="showRegister()">Har du ikke en konto? Registrer deg</a></p> </div> <div id="registerSection" class="register-section" style="display:none;"> <h2>🎵 Opprett din musikkprofil</h2> <input type="text" id="regUsername" placeholder="Brukernavn"> <input type="email" id="regEmail" placeholder="E-post"> <input type="password" id="regPassword" placeholder="Passord"> <button onclick="register()">Opprett konto</button> <p><a href="#" onclick="showLogin()">Har du allerede en konto? Logg inn</a></p> </div> </div> </div> <div id="dashboardSection" style="display:none;"> <div class="header"> <h1>🧠🎵 Din personlige musikk-tankeleser</h1> <p>Velkommen tilbake, <span id="brukernavn"></span>! Klar til å oppdage ditt perfekte lydspor?</p> <button onclick="logout()" style="width:auto; margin-top:10px;">Logg ut</button> </div> <div class="stats-grid"> <div class="stat-card"> <h3>📊 Totalt antall spillelister</h3> <div id="totalPlaylists" class="stat-number">0</div&</div> <div class="stat-card"> <h3>😊 Favorittstemning</h3> <div id="favorittstemning" class="stat-text">-</div> </div> <div class="stat-card"> <h3>🕐 Beste tid</h3> <div id="bestTime" class="stat-text">-</div> </div> <div class="stat-card"> <h3>🎵 Toppsjanger</h3> <div id="topGenre" class="stat-text">-</div> </div> </div> <div class="mood-input-section"> <h2>💭 Hvordan føler du deg akkurat nå?</h2> <textarea id="moodText" placeholder="Beskriv humøret ditt, hva som skjer, eller hvordan du ønsker å føle deg..."></textarea> <button onclick="generatePersonalizedPlaylist()">🎧 Generer min perfekte spilleliste</button> <div id="result" style="display:none;" class="result"></div> </div> <div class="mood-history"> <h2>📈 Din humørreise</h2> <div id="historyContainer"></div> </div> </div> </div> </div> </div> <script src="/js/app.js"></script> </body> </html>

Nå, i din public-mappe, opprett en mappe og gi den navnet js og opprett en app.js-fil i js-mappen med følgende kode:

let authToken = localStorage.getItem('authToken'); let currentUser = null; if (authToken) { loadDashboard(); } function visLogin() { document.querySelector('.login-section').style.display = 'block'; document.getElementById('registerSection').style.display = 'none'; } function visRegister() { document.querySelector('.login-section').style.display = 'none'; document.getElementById('registerSection').style.display = 'block'; } async function login() { const brukernavn = document.getElementById('loginBrukernavn').value; const passord = document.getElementById('loginPassword').value; if (!brukernavn || !passord) { alert('Vennligst fyll ut alle felt'); return; } 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 || 'Innlogging mislyktes'); } } catch (error) { console.error('Innloggingsfeil:', error); alert('Innlogging mislyktes. Prøv igjen.'); } } async function register() { const username = document.getElementById('regUsername').value; const email = document.getElementById('regEmail').value;



* } ... const password = document.getElementById('regPassword').value; if (!username || !email || !password) { alert('Vennligst fyll ut alle felt'); return; } try { const response = await fetch('/api/register', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({username, email, password }) }); const data = await response.json(); if (response.ok) { alert('Konto opprettet! Vennligst logg inn.'); showLogin(); } else { alert(data.error || 'Registreringen mislyktes'); } } catch (error) { console.error('Registreringsfeil:', error); alert('Registreringen mislyktes. Vennligst prøv på nytt.'); } } async function loadDashboard() { try { const response = await fetch('/api/profile', { headers: { 'Authorization': 'Bearer ' + authToken } }); if (response.ok) { currentUser = await response.json(); showDashboard(); updateStats(); loadMoodHistory(); } else { logout(); } } catch (error) { console.error('Feil ved innlasting av dashbord:', error); logout(); } } function showDashboard() { document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSection').style.display = 'block'; document.getElementById('username').textContent = currentUser.username; } function oppdaterStats() { document.getElementById('totalPlaylists').textContent = currentUser.stats.totalPlaylists || 0; document.getElementById('favorittHumør').textContent = currentUser.stats.mestVanligeHumør || '-'; document.getElementById('besteTid').textContent = currentUser.stats.favorittTid || '-'; document.getElementById('toppSjanger').textContent = (currentUser.preferences.favorittSjangere && currentUser.preferences.favorittSjangere[0]) || '-'; } function loadMoodHistory() { const historyContainer = document.getElementById('historyContainer'); if (!currentUser.moodHistory || currentUser.moodHistory.length === 0) { historyContainer.innerHTML = '<p>Ingen humørhistorikk ennå. Generer din første spilleliste!</p>'; return; } const recentHistory = currentUser.moodHistory.slice(-5).reverse(); historyContainer.innerHTML = recentHistory.map(entry => `<div class="history-item"> <strong>${entry.detectedMood}</strong> - ${new Date(entry.timestamp).toLocaleDateString()} <p>${entry.text}</p> <small>${entry.playlistGenerated.length} spor generert</small> </div>` ).join(''); } async function generatePersonalizedPlaylist() { const moodText = document.getElementById('moodText').value; if (!moodText.trim()) { alert('Beskriv hvordan du føler deg!'); 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 || 'Kunne ikke generere spilleliste'); } } catch (error) { console.error('Spillelistegenereringsfeil:', error); alert('Kunne ikke generere spilleliste. Prøv på nytt.'); } } function displayPersonalizedResults(data) { const resultDiv = document.getElementById('result'); resultDiv.style.display = 'block'; const html = ` <h3>Oppdaget humør: ${data.moodAnalysis.mood} (Konfidens: ${data.moodAnalysis.confidence}/10)</h3> <p>${data.personalizedMessage || 'Her er spillelisten din!'}</p> <div class="spilleliste">




* } } } } }
* ... ${data.playlist.map(track => ` <div style="display: flex; align-items: center; margin: 10px 0; padding: 10px; background: #f8f9fa; border-radius: 8px;"> ${track.album_image ? `<img src="${track.album_image}" alt="Album" style="width:50px;height:50px;border-radius:8px;margin-right:15px;">` : ''} <div style="flex: 1;"> <strong>${track.name}</strong><br> <span style="color: #666;">${track.artist}</span> </div>}} <div> <button onclick="likeTrack('${track.id}', true)" style="width:auto;padding:5px 10px;margin:0 5px;">👍</button> <button onclick="likeTrack('${track.id}', false)" style="width:auto;padding:5px 10px;margin:0 5px;">👎</button> </div> </div> `).join('')} </div> `; resultDiv.innerHTML = html; } async function likeTrack(trackId, likte) { try { await fetch('/api/track-feedback', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + authToken }, body: JSON.stringify({ trackId: trackId, likte: likte }) }); alert(likte ? 'Takk! Vi vil anbefale flere som dette.' : 'Forstår! Vi vil unngå lignende spor.'); } catch (error) { console.error('Tilbakemeldingsfeil:', error); } } function logout() { localStorage.removeItem('authToken'); authToken = null; currentUser = null; document.getElementById('authSection').style.display = 'block'; document.getElementById('dashboardSection').style.display = 'none'; showLogin();

Erstatt server.js-filen din

Erstatt koden i server.js-filen din med følgende:

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'); // Koble til MongoDB const connectDB = async () => { try { console.log('🔗 Kobler til MongoDB...'); await mongoose.connect(process.env.MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true, }); console.log('✅ MongoDB tilkoblet!'); } catch (error) { console.error('❌ MongoDB-tilkobling mislyktes:', 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')); // Viser hovedsiden app.get('/', (req, res) => { res.sendFile(__dirname + '/public/index.html'); }); // Brukerregistrering app.post('/api/register', async (req, res) => { try { const { brukernavn, e-post, passord } = req.body; if (! brukernavn || !e-post || !passord) { return res.status(400).json({ feil: 'Alle felt er obligatoriske' }); } if (password.length < 6) { return res.status(400).json({ feil: 'Passordet må være minst 6 tegn' }); } const existingUser = await User.findOne({ $or: {[ e-post }, { brukernavn }] }); if (existingUser) { return res.status(400).json({ feil: 'Brukernavn eller e-post finnes allerede' }); } const user = new User({ brukernavn, e-post, passord }); await user.save(); res.status(201).json({ melding: 'Bruker opprettet' }); } catch (error) { console.error('Registreringsfeil:', error); res.status(500).json({ feil: 'Registrering mislyktes' }); } }); // Brukerpålogging app.post('/api/login', async (req, res) => { try { const { brukernavn, passord } = req.body; const bruker = await Bruker.findOne({ $or: {[ brukernavn }, { epost: brukernavn }] }); if (!bruker || !(await bruker.comparePassword(passord))) { return res.status(401).json({ feil: 'Ugyldig legitimasjon' }); } const token = jwt.sign({ bruker-ID: bruker._id }, process.env.JWT_SECRET, { utløper om: '7d' } ); res.json({ token, bruker: { brukernavn: bruker.brukernavn, epost: bruker.epost } }); } catch (feil) { console.error('Innloggingsfeil:', feil); res.status(500).json({ feil: 'Innlogging mislyktes' }); } }); // Hent brukerprofil 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: 'Klarte ikke å laste inn profil' }); } }); // Generering av personlig tilpassede spillelister app.post('/api/personalized-playlist', auth, async (req, res) => { try { const { text, playlistSize = 15 } = req.body; if (!text) { return res.status(400).json({ error: 'Fortell meg hvordan du føler deg!' }); } const moodAnalysis = moodAnalyzer.analyzeMood(text); const playlist = await playlistGen.generatePlaylist( moodAnalysis.mood, moodAnalysis.intensity, playlistSize ); // Lagre i brukerhistorikken 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: `Basert på historikken din har jeg skreddersydd denne spillelisten spesielt for humøret ditt på ${moodAnalysis.mood}!` }); } catch (error) { console.error('Feil i personlig spilleliste:', error); res.status(500).json({ error: 'Kunne ikke generere personlig spilleliste. Prøv på nytt.' }); } }); // Tilbakemelding på spor app.post('/api/track-feedback', auth, async (req, res) => { try { const { trackId, liked } = req.body; res.json({ message: 'Tilbakemelding mottatt! Vi vil forbedre fremtidige anbefalinger.' }); } catch (error) { console.error('Tilbakemeldingsfeil:', error); res.status(500).json({ error: 'Kunne ikke behandle tilbakemelding' }); } }); app.listen(PORT, () => { console.log(`🚀 Tankelesende musikk-API kjører på http://localhost:${PORT}`); console.log('🧠 Klar til å analysere stemninger og generere spillelister!'); });

Hva du nå skal kunne gjøre

1. Anonyme brukere (original funksjonalitet)

Besøk nettstedet ditt uten å logge inn
Generer spillelister ved hjelp av din eksisterende humøranalyse
Få musikkanbefalinger basert på følelser

2. Registrerte brukere (nye funksjoner)

Opprett en konto og logg inn
Generer personlige spillelister som forbedres over tid
Se humørhistorikk og personlig analyse
Liker/liker ikke spor for å trene AI-en
Se statistikk som favorittstemning, totale spillelister osv.

Trinn-for-trinn testveiledning

Test 1: Sjekk at serveren starter

node server.js

Du bør se:

🔑 Forsøker Spotify-autentisering... 🎵 Spotify koblet til! 🔗 MongoDB kobler til... ✅ MongoDB er tilkoblet! 🚀 Tankelesende musikk-API kjører på http://localhost:3000 🧠 Klar til å analysere stemninger og generere spillelister!

Test 2: Besøk nettstedet ditt

Gå til: http://localhost:3000

Hva du bør se:

Et innloggingsskjema som ber om brukernavn/passord
En "Har du ikke en konto? Registrer deg"-lenke

Test 3: Opprett din første konto

Klikk: "Har du ikke en konto? Registrer deg"
Fyll ut:
- Brukernavn: testuser
- E-post: test@example.com
- Passord: password123
Klikk: "Opprett konto"
Forventet resultat: "Konto opprettet! Vennligst logg inn."

Test 4: Logg inn på dashbordet ditt

Bruk påloggingsinformasjonen du nettopp opprettet
Klikk: "Logg inn"
Du bør se:
- Velkomstmelding med brukernavnet ditt
- Statistikkkort som viser 0 spillelister, ingen favorittstemning ennå
- Tekstområde som spør "Hvordan føler du deg akkurat nå?"

Test 5: Generer din første personlige spilleliste

Skriv noe sånt som: "Jeg føler meg veldig spent på det nye prosjektet mitt!"
Klikk: "Generer min «Perfekt spilleliste»
Du bør se:
- Oppdaget humør (sannsynligvis «energisk» eller «glad»)
- Liste over sanger med albumcover
- Forhåndsvisning av lydspillere (hvis tilgjengelig)
- Tommel opp/ned-knapper for hver sang

Test 6: Test læringssystemet

Klikk på tommelen opp 👍 på sanger du liker
Klikk på tommelen ned 👎 på sanger du ikke liker
Forventet: Varselmeldinger som sier «Takk! Vi anbefaler flere som dette»

Test 7: Sjekk statistikkoppdateringen din

Oppdater siden eller generer en annen spilleliste
Statistikken din bør nå vis:
- Totalt antall spillelister: 1 (eller flere)
- Favorittstemning: uansett hvilket humør som ble oppdaget
- Annen statistikk bør begynne å fylles ut

Testing av forskjellige scenarier

Prøv forskjellige humør:

"Jeg slo nettopp opp med kjæresten min, og det regner" (bør oppdage: trist)
"Jeg er gira til treningsøkten min!" (skal oppdage: energisk)
"Vil bare slappe av og studere stille" (skal oppdage: chill)
"Føler meg romantisk på denne daten" (skal oppdage: romantisk)

Test Edge Cases:

"" (tom - skal vise feil)
"asdf tilfeldig tekst" (skal standard være nøytral/chill)
"Jeg er EKSTREMT spent!!!" (bør oppdage høyere konfidens)

Vanlige problemer og raske løsninger

❌ "MongoDB-tilkobling mislyktes"

Sjekk: Er .env-filen din riktig konfigurert med MongoDB-tilkoblingsstrengen?

# Kjør dette for å teste databasetilkoblingsnoden din -e "require('dotenv').config(); console.log('MONGODB_URI:', process.env.MONGODB_URI ? 'Set ✅' : 'Mangler ❌');"

❌ "Spotify-tilkobling mislyktes"

Sjekk: Er Spotify API-nøklene dine i .env-filen?

# Kjør dette for å sjekke Spotify-legitimasjonen node -e "require('dotenv').config(); console.log('Spotify Client ID:', process.env.SPOTIFY_CLIENT_ID ? 'Set ✅' : 'Mangler ❌');"

❌ Innlogging/Registrering fungerer ikke

Sjekk: Ser du noen feilmeldinger i nettleserkonsollen?

Trykk F12 → Konsollfane
Se etter røde feilmeldinger

❌ Siden viser gammelt grensesnitt

Løsning: Hard oppdatering av siden

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

Hva som burde fungere kontra hva som fortsatt er grunnleggende

✅ Burde fungere nå:

Brukerregistrering og innlogging
Grunnleggende humørdeteksjon og generering av spillelister
Lagre humørhistorikk i databasen
Enkel liker/ikke liker-tilbakemelding
Statistikksporing (totalt spillelister, favorittstemning)

🚧 Fortsatt grunnleggende (Avanserte funksjoner for senere):

Kompleks maskinlæring fra brukertilbakemeldinger
Sosiale funksjoner og deling av spillelister
Avansert analyse og humørmønstre
Mobilappgrensesnitt

Neste trinn etter testing

Når alt fungerer:

Prøv med forskjellige brukere - opprett flere kontoer for å se hvordan personaliseringen er forskjellig
Generer flere spillelister - se hvordan statistikken og preferansene dine utvikler seg
Gi tilbakemelding på spor - se hvordan systemet lærer smaken din
Sjekk MongoDB Atlas-dashbordet ditt - du bør se data lagres

Konklusjon

Du har nettopp bygget noe bemerkelsesverdig - en AI som ikke bare forstår menneskelige følelser, men også lærer og tilpasser seg individuelle preferanser over tid. Din Mind-Reading Music API har nå minne, personlighet og evnen til å vokse med brukerne.

Kombinasjonen av humørdeteksjon, brukerlæring og personlige anbefalinger skaper en opplevelse som blir mer magisk med hver interaksjon. Hver brukers reise blir unik, og bygger et personlig lydspor til deres følelsesliv.

Din API husker nå alle humør, lærer av hver interaksjon og bygger en omfattende forståelse av hver brukers musikalske preferanser. Dette er grunnlaget for virkelig personlige AI-opplevelser.

Hva blir det neste?

Klar til å ta dette enda lenger? Her er noen spennende retninger:

Avansert analyse: Legg til gjenkjenning av humørmønstre og prediktive anbefalinger
Sosiale funksjoner: La brukere dele spillelister og oppdage venners musikksmak
Mobilapp: Bygg React Native- eller Flutter-apper for iOS/Android
Stemmeintegrasjon: Legg til tale-til-tekst for håndfri humørinndata
Maskinlæring: Implementer samarbeidsfiltrering for enda bedre anbefalinger
Distribusjon: Distribuer til AWS/Vercel med riktige miljøvariabler

Fortsett å eksperimentere og bygge – fremtiden for personlige AI-opplevelser ligger i dine hender!

Klar for neste utfordring? Følg med for vår kommende veiledning om å legge til sosiale funksjoner og samarbeidsfiltrering for å lage et musikkoppdagelsesnettverk som forbinder mennesker gjennom delte emosjonelle opplevelser.