Giv din tankelæsende musik-API et nyt niveau: Tilføj brugerkonti med humørhistorik og smarte præferencer

Forvandl din følelsesregistrerende playlistegenerator til en personlig musikledsager, der lærer af hver interaktion. Denne opfølgende vejledning tilføjer brugergodkendelse, humørregistreringsanalyse og intelligent præferenceindlæring for at skabe virkelig personlige musikoplevelser.

Hvad vi bygger i dag

Husk vores tankelæsende musik-API, der kunne registrere følelser og generere playlister? I dag gør vi den personlig. Vi tilføjer:

Brugergodkendelse der rent faktisk virker (ingen komplekse OAuth-hovedpiner)
Dashboard til humørhistorik med smukke analyser
Smarte playlistepræferencer der lærer af brugeradfærd
Personlige anbefalinger der bliver bedre over tid
Datapersistens så brugerne aldrig mister deres musikalske rejse

Ved afslutningen af denne vejledning vil din API huske, at Sarah elsker indierock, når hun er ked af det, mens Mike foretrækker klassisk musik til fokussessioner.

Hvad du skal bruge

Din udfyldte Mind-Reading Music API fra forrige vejledning
30 minutters fokuseret kodningstid
MongoDB Atlas-konto (gratis niveau fungerer perfekt)
Grundlæggende forståelse af databaser (vi holder det simpelt!)

Opsætning af brugergodkendelse (den nemme måde)

Lad os først tilføje de pakker, vi har brug for til brugeradministration.

Gå til din terminal i din kodeeditor, skriv eller indsæt følgende kommando, og tryk på enter:

npm install mongoose bcryptjs jsonwebtoken express-session connect-mongo

Trin 1: Opsætning af databaseforbindelse

Når din installation er færdig, skal du oprette en ny fil kaldet database.js og tilføje følgende kode:

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

Og gem med cmd + s, ctrl + s eller filen, og gem derefter.

Opret din MongoDB Atlas-konto

Besøg: mongodb.com/cloud/atlas
Klik på: knappen "Kom i gang" (normalt i øverste højre hjørne)

Tilmeldingsmuligheder

Du har tre måder at oprette en konto på:

Mulighed A: Tilmelding via e-mail

Klik på "Tilmeld dig med e-mail"
Indtast din e-mailadresse
Opret en stærk adgangskode
Klik på "Opret din Atlas-konto"

Mulighed B: Tilmelding via Google

Klik på "Tilmeld dig hos Google"
Vælg din Google-konto
Giv de nødvendige tilladelser

Mulighed C: Tilmelding via GitHub

Klik på "Tilmeld dig hos GitHub"
Autoriser MongoDB Atlas for at få adgang til din GitHub-konto

Bekræft din e-mail

Tjek din indbakke
Klik på bekræftelseslinket fra MongoDB
Dette bekræfter, at din konto er ægte

Opret din første databaseklynge

Hvis du ikke kan se dit dashboard efter at have logget ind, skal du muligvis klikke på dit navn i øverste højre hjørne for at åbne følgende rullemenu og klikke på Atlas:

Du vil derefter se Atlas-dashboardet. Tid til at oprette din database!

Vælg din implementeringstype

Klik på "Klynger" under "Database" i venstre sidebar

Klik på "Opbyg en klynge"

Vælg "Gratis"

Du vil blive omdirigeret til en side for udrulning af din klynge, og du vil vælge den gratis plan.

Valg af cloududbyder: Du vil se tre udbydermuligheder:

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

Vælg: AWS (det er den mest populære og har flest regioner)

Valg af region: Når du har valgt AWS, vil du se en rullemenu med mange regioner. Vælg den, der er tættest på din placering, for bedre ydeevne:

🇺🇸 USA:

us-east-1 (N. Virginia) - Østkysten
us-west-2 (Oregon) - Vestkysten
us-central-1 (Iowa) - Centraleuropa

🇪🇺 Europa:

eu-west-1 (Irland) - Vesteuropa
eu-central-1 (Frankfurt) - Centraleuropa
eu-west-2 (London) - Storbritannien

🌏 Asien og Stillehavsområdet:

ap-southeast-1 (Singapore) - Sydøstasien
ap-south-1 (Mumbai) - Indien
ap-northeast-1 (Tokyo) - Japan

💡 Pro tip: Hvis du er usikker, er us-east-1 normalt det sikreste valg med de fleste funktioner.

Klik derefter på knappen "Opret implementering"

Opret databasebruger

Trin 3.1: Tilføj databasebruger

Du vil se skærmen "Sikkerhedsstart"
Godkendelsesmetode: Behold "Brugernavn og adgangskode" valgt
Brugernavn: Indtast et brugernavn (f.eks. mood-music-user)
Adgangskode:
- Mulighed A: Klik på "Autogenerer sikker adgangskode" (anbefales)
- Mulighed B: Opret din egen stærke adgangskode (mindst 8 tegn)
Kopier adgangskoden med det samme! Du skal bruge dette til din forbindelsesstreng

⚠️ Kopiér og gem din adgangskode med det samme!

Klik: "Opret database "Bruger"
Klik: "Vælg en forbindelsesmetode"

Vælg forbindelsesmetode

Du vil se flere forbindelsesmuligheder:

Drivere 👈 Dette er, hvad vi ønsker til Node.js-apps
Compass (MongoDBs desktop GUI-applikation)
Shell (MongoDB-kommandolinjegrænseflade)
MongoDB til VS Code (VS Code-udvidelse)
Atlas SQL (SQL-grænseflade til MongoDB)

Vælg: "Drivere" - dette giver dig forbindelsesstrengen til applikationer som Node.js

Konfigurer din driverforbindelse

Efter at have valgt "Drivere":

Driver: Vælg "Node.js" fra rullemenuen
Version: Vælg din Node.js-version, eller lad den være som standard (fungerer normalt fint)
Forbindelsesstreng: Du vil se forbindelsesstrengen nedenfor

Kopier din forbindelsesstreng

Du vil se noget i retning af dette:

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

Vigtigt: Dette er en skabelon! Du skal:

Erstat <username> med dit databasebrugernavn
Erstat <password> med din databaseadgangskode
Tilføj dit databasenavn efter .net/

Eksempel på transformation

Før (skabelon):

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

Efter (klar til brug):

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

Bemærk:

<username> → mood-music-user
<password> → MySecurePassword123
Tilføjet /mood-music-db som databasenavn

Klik på 'udført'

Trin 5: Tilføj forbindelsesstreng til dit projekt

Opdater din .env-fil

Åbn din .env-fil og tilføj:

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 stærke hemmeligheder

For JWT_SECRET og SESSION_SECRET skal du bruge tilfældige strenge, der ikke ødelægger dine konfigurationsfiler.

⚠️ Vigtigt: Undgå specialtegn som @, #, $, %, /, ? i adgangskoder, da de kan ødelægge forbindelsesstrenge og JSON-filer.

Mulighed A: Simpel online generator (anbefales)

Besøg: JWTSECRETS
Indstillinger:
- Antal adgangskoder: 1
- Adgangskodelængde: 32
- ✅ Markér "store bogstaver (A-Z)"
- ✅ Markér "små bogstaver (a-z)"
- ✅ Markér "cifre (0-9)"
- ❌ Fjern markeringen i "tegnsætning"
Klik på "Hent adgangskoder"

Mulighed B: Brug din browserkonsol (super nemt!)

Åbn et hvilket som helst websted (som google.com)
Tryk på F12 (eller højreklik → Undersøg)
Klik på fanen "Konsol"

Indsæt denne kode og tryk på 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 noget i retning af: k8m9x2n7p4q1w3e5r6t8y9u2i4o7p1a5s3d6f8g2h4j7k9l

Mulighed C: Manuel metode (hvis alt andet fejler)

Indtast blot en lang tilfældig streng ved hjælp af:

Bogstaver: A-Z, a-z
Tal: 0-9
Eksempel: MyApp2024SecretKey789RandomString456Auth

Slutligt .env-eksempel

SPOTIFY_CLIENT_ID=your_spotify_client_id_here SPOTIFY_CLIENT_SECRET=din_spotify_klient_hemmelighed_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

Nøglepunkter:

✅ Ingen specialtegn i JWT_SECRET og SESSION_SECRET
✅ MongoDB-adgangskode undgår URL-brydende tegn
✅ Alle hemmeligheder er lange og tilfældige
✅ Sikker at bruge i JSON-filer og forbindelsesstrenge

Trin 2: Brugermodel med Mood Sporing

Opret en mappe med navnet models og tilføj en fil med navnet User.js i mappen. Tilføj og gem derefter 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 brugerPreferencesSchema = new mongoose.Schema({ favoriteGenres: [String], preferredEnergyLevel: { type: Number, min: 0, max: 1 }, dislikedArtists: [String], moodMusicMapping: { happy: [String], sad: [String], energetic: [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 }); // Hash adgangskoden før gemning userSchema.pre('save', async function(next) { if (!this.isModified('password')) return next(); this.password = await bcrypt.hash(this.password, 12); next(); }); // Sammenlign adgangskoder userSchema.methods.comparePassword = async function(password) { return bcrypt.compare(password, this.password); }; // Beregn brugerstatistik userSchema.methods.updateStats = function() { const moods = this.moodHistory.map(entry => entry.detectedMood); this.stats.totalPlaylists = this.moodHistory.length; // Find de mest almindelige humørsvingninger 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' ); // Bestem favorittidspunkt 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 = 'nat'; else if (avgHour < 12) this.stats.favoriteTime = 'morgen'; else if (avgHour < 18) this.stats.favoriteTime = 'eftermiddag'; else this.stats.favoriteTime = 'aften'; }; module.exports = mongoose.model('Bruger', userSchema);

Trin 3: Godkendelse af middleware

Opret en mappe med navnet middleware og tilføj en fil med navnet auth.js i den. Tilføj derefter følgende kode til filen og gem den:

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

Brugerdashboard med smuk analyse

Opret en ny mappe i dit projekt og navngiv den public, tilføj derefter en fil i denne mappe og navngiv den index.html:

<!DOCTYPE html> <html> <head> <title>Mind-Reading Music API - Personligt Dashboard</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-skabelon-kolonner: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bund: 30px; } .stat-kort { baggrund: rgba(255,255,255,0.9); kant-radius: 15px; padding: 25px; text-align: center; boks-skygge: 0 4px 15px rgba(0,0,0,0.1); } .mood-input-section { baggrund: rgba(255,255,255,0.95); kant-radius: 20px; padding: 30px; margin-bund: 30px; } .mood-history { baggrund: rgba(255,255,255,0.95); kant-radius: 20px; padding: 30px; } .history-item { baggrund: #f8f9fa; kant-radius: 10px; padding: 15px; margin-bottom: 15px; kant-venstre: 4px solid #667eea; } .login-section, .register-section { baggrund: rgba(255,255,255,0.95); kant-radius: 20px; padding: 30px; maks. bredde: 400px; margin: 50px auto; } input, textarea, button { bredde: 100%; padding: 12px; margin: 10px 0; kant: 2px solid #e1e5e9; kant-radius: 8px; font-size: 16px; } knap { baggrund: lineær-gradient(135deg, #667eea, #764ba2); farve: hvid; border: ingen; cursor: pointer; font-weight: 600; } knap:hover { transform: translateY(-2px); } </stil> </head> <krop> <div class="dashboard"> <div id="authSection"> <div class="login-section"> <h2>🧠🎵 Velkommen tilbage!</h2> <input type="text" id="loginBrugernavn" placeholder="Brugernavn"> <input type="adgangskode" id="loginPassword" placeholder="Adgangskode"> <button onclick="login()">Login</knap> <p><a href="#" onclick="showRegister()">Har du ikke en konto? Tilmeld dig</a></p> </div> <div id="registerSection" class="register-section" style="display:none;"> <h2>🎵 Opret din musikprofil</h2> <input type="text" id="regUsername" placeholder="Brugernavn"> <input type="email" id="regEmail" placeholder="Email"> <input type="password" id="regPassword" placeholder="Adgangskode"> <button onclick="register()">Opret konto</button> <p><a href="#" onclick="showLogin()">Har du allerede en konto? Log ind</a></p> </div> </div> </div> <div id="dashboardSection" style="display:none;"> <div class="header"> <h1>🧠🎵 Din personlige musiktankelæser</h1> <p>Velkommen tilbage, <span id="brugernavn"></span>! Klar til at opdage dit perfekte soundtrack?</p> <button onclick="logout()" style="width:auto; margin-top:10px;">Log ud</button> </div> <div class="stats-grid"> <div class="stat-card"> <h3>📊 Samlede afspilningslister</h3> <div id="totalPlaylists" class="stat-number">0</div&</div> <div class="stat-card"> <h3>😊 Yndlingsstemning</h3> <div id="favoriteMood" class="stat-text">-</div> </div> <div class="stat-card"> <h3>🕐 Bedste tidspunkt</h3> <div id="bedste tidspunkt" class="stat-text">-</div> </div> <div class="stat-card"> <h3>🎵 Topgenre</h3> <div id="topGenre" class="stat-text">-</div> </div> </div> <div class="mood-input-section"> <h2>💭 Hvordan har du det lige nu?</h2> <textarea id="moodText" placeholder="Beskriv dit nuværende humør, hvad der sker, eller hvordan du gerne vil have det..."></textarea> <button onclick="generatePersonalizedPlaylist()">🎧 Generer min perfekte playliste</button> <div id="result" style="display:none;" class="result"></div> </div> <div class="mood-history"> <h2>📈 Din humørrejse</h2> <div id="historyContainer"></div> </div> </div> </div> </div> </div> <script src="/js/app.js"></script> </body> </html>

Opret nu en mappe i din public mappe, og kald den js, og opret en app.js fil i js mappen med følgende kode:

let authToken = localStorage.getItem('authToken'); let currentUser = null; if (authToken) { loadDashboard(); } function showLogin() { document.querySelector('.login-section').style.display = 'block'; document.getElementById('registerSection').style.display = 'none'; } function showRegister() { document.querySelector('.login-section').style.display = 'none'; document.getElementById('registerSection').style.display = 'block'; } async function login() { const brugernavn = document.getElementById('loginBrugernavn').value; const adgangskode = document.getElementById('loginPassword').value; if (!brugernavn || !adgangskode) { alert('Udfyld venligst alle felter'); 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 || 'Login mislykkedes'); } } catch (error) { console.error('Loginfejl:', error); alert('Login mislykkedes. Prøv igen.'); } } 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('Udfyld venligst alle felter'); 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 oprettet! Log venligst ind.'); showLogin(); } else { alert(data.error || 'Registrering mislykkedes'); } } catch (error) { console.error('Registreringsfejl:', error); alert('Registrering mislykkedes. Prøv igen.'); } } 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('Fejl ved indlæsning af dashboard:', error); logout(); } } function showDashboard() { document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSection').style.display = 'block'; document.getElementById('username').textContent = currentUser.username; } function updateStats() { document.getElementById('totalPlaylists').textContent = currentUser.stats.totalPlaylists || 0; document.getElementById('favoriteMood').textContent = currentUser.stats.mostCommonMood || '-'; document.getElementById('bedsteTid').textContent = currentUser.stats.favoriteTid || '-'; document.getElementById('topGenre').textContent = (currentUser.preferences.favoriteGenres && currentUser.preferences.favoriteGenres[0]) || '-'; } function loadMoodHistory() { const historyContainer = document.getElementById('historyContainer'); if (!currentUser.moodHistory || currentUser.moodHistory.length === 0) { historyContainer.innerHTML = '<p>Ingen humørhistorik endnu. Generer din første playliste!</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} genererede numre</small> </div>` ).join(''); } async function generatePersonalizedPlaylist() { const moodText = document.getElementById('moodText').value; if (!moodText.trim()) { alert('Beskriv venligst, hvordan du har det!'); 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 afspilningsliste'); } } catch (error) { console.error('Fejl ved generering af afspilningsliste:', error); alert('Kunne ikke generere afspilningsliste. Prøv igen.'); } } function displayPersonalizedResults(data) { const resultDiv = document.getElementById('result'); resultDiv.style.display = 'block'; const html = ` <h3>Detected Mood: ${data.moodAnalysis.mood} (Confidence: ${data.moodAnalysis.confidence}/10)</h3> <p>${data.personalizedMessage || 'Her er din playliste!'}</p> <div class="playlist">
... ${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;



***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(liked ? 'Tak! Vi vil anbefale mere som dette.' : 'Forstået! Vi vil undgå lignende spor.'); } catch (error) { console.error('Feedbackfejl:', error); } } function logout() { localStorage.removeItem('authToken'); authToken = null; currentUser = null; document.getElementById('authSection').style.display = 'block'; document.getElementById('dashboardSection').style.display = 'none'; showLogin();

Erstat din server.js-fil

Erstat din server.js-filkode 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'); // Opret forbindelse til MongoDB const connectDB = async () => { try { console.log('🔗 Opretter forbindelse til MongoDB...'); await mongoose.connect(process.env.MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true, }); console.log('✅ MongoDB oprettet forbindelse!'); } catch (error) { console.error('❌ MongoDB-forbindelse mislykkedes:', 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'); }); // Brugerregistrering app.post('/api/register', async (req, res) => { try { const { brugernavn, e-mail, adgangskode } = req.body; if (! brugernavn || !email || !password) { return res.status(400).json({ fejl: 'Alle felter er påkrævede' }); } if (password.length < 6) { return res.status(400).json({ fejl: 'Adgangskoden skal være mindst 6 tegn lang' }); } const existingUser = await User.findOne({ $or: {[ e-mail }, { brugernavn }] }); if (existingUser) { return res.status(400).json({ fejl: 'Brugernavn eller e-mail findes allerede' }); } const user = new User({ brugernavn, e-mail, adgangskode }); await user.save(); res.status(201).json({ besked: 'Bruger oprettet' }); } catch (error) { console.error('Registreringsfejl:', error); res.status(500).json({ fejl: 'Registrering mislykkedes' }); } }); // Brugerlogin app.post('/api/login', async (req, res) => { try { const { brugernavn, adgangskode } = req.body; const bruger = await Bruger.findOne({ $or: {[ brugernavn }, { email: brugernavn }] }); if (!bruger || !(await bruger.comparePassword(adgangskode))) { return res.status(401).json({ fejl: 'Ugyldige legitimationsoplysninger' }); } const token = jwt.sign({ brugerId: bruger._id }, process.env.JWT_SECRET, { udløberOm: '7d' } ); res.json({ token, bruger: { brugernavn: bruger.brugernavn, email: bruger.email } }); } catch (fejl) { console.error('Loginfejl:', fejl); res.status(500).json({fejl: 'Login mislykkedes' }); } }); // Hent brugerprofil 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: 'Kunne ikke indlæse profil' }); } }); // Generering af personlige playlister app.post('/api/personalized-playlist', auth, async (req, res) => { try { const { text, playlistSize = 15 } = req.body; if (!text) { return res.status(400).json({ error: 'Fortæl mig venligst, hvordan du har det!' }); } const moodAnalysis = moodAnalyzer.analyzeMood(text); const playlist = await playlistGen.generatePlaylist( moodAnalysis.mood, moodAnalysis.intensity, playlistSize ); // Gem i brugerens historik 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: `Baseret på din historik har jeg skræddersyet denne playliste specifikt til dit ${moodAnalysis.mood} humør!` }); } catch (error) { console.error('Fejl i personlig playliste:', error); res.status(500).json({ error: 'Kunne ikke generere personlig playliste. Prøv igen.' }); } }); // Sporfeedback app.post('/api/track-feedback', auth, async (req, res) => { try { const { trackId, liked } = req.body; res.json({ message: 'Feedback modtaget! Vi vil forbedre fremtidige anbefalinger.' }); } catch (error) { console.error('Feedbackfejl:', error); res.status(500).json({ error: 'Feedback mislykkedes' }); } }); app.listen(PORT, () => { console.log(`🚀 Mind-Reading Music API kører på http://localhost:${PORT}`); console.log('🧠 Klar til at analysere stemninger og generere playlister!'); });

Hvad du nu burde være i stand til at gøre

1. Anonyme brugere (oprindelig funktionalitet)

Besøg dit websted uden at logge ind
Generer afspilningslister ved hjælp af din eksisterende humøranalyse
Få musikanbefalinger baseret på følelser

2. Registrerede brugere (nye funktioner)

Opret en konto og log ind
Generer personlige afspilningslister, der forbedres over tid
Se humørhistorik og personlig analyse
Synes godt om/synes ikke godt om numre for at træne AI'en
Se statistikker som favorithumør, samlede afspilningslister osv.

Trin-for-trin testguide

Test 1: Tjek, om din server starter

node server.js

Du burde se:

🔑 Forsøger Spotify-godkendelse... 🎵 Spotify oprettede forbindelse! 🔗 MongoDB opretter forbindelse... ✅ MongoDB opretter forbindelse! 🚀 Tankelæsende musik API kører på http://localhost:3000 🧠 Klar til at analysere stemninger og generere afspilningslister!

Test 2: Besøg din hjemmeside

Gå til: http://localhost:3000

Hvad du bør se:

En loginformular, der beder om brugernavn/adgangskode
Et link "Har du ikke en konto? Tilmeld dig"

Test 3: Opret din første konto

Klik: "Har du ikke en konto? Tilmeld dig"
Udfyld:
- Brugernavn: testuser
- E-mail: test@example.com
- Adgangskode: password123
Klik: "Opret konto"
Forventet resultat: "Konto oprettet! Log venligst ind."

Test 4: Log ind på dit dashboard

Brug de loginoplysninger, du lige har oprettet
Klik: "Login"
Du burde se:
- Velkomstbesked med dit brugernavn
- Statistikkort, der viser 0 afspilningslister, ingen yndlingsstemning endnu
- Tekstområde, der spørger "Hvordan har du det lige nu?"

Test 5: Generer din første personlige afspilningsliste

Skriv noget i retning af: "Jeg er super begejstret for mit nye projekt!"
Klik: "Generer min "Perfekt afspilningsliste"
Du burde se:
- Registreret humør (sandsynligvis "energisk" eller "glad")
- Liste over sange med albumcover
- Forhåndsvisning af lydafspillere (hvis tilgængelige)
- Tommelfinger op/ned-knapper for hver sang

Test 6: Test læringssystemet

Klik på tommelfingeren op 👍 på sange, du kan lide
Klik på tommelfingeren ned 👎 på sange, du ikke kan lide
Forventet: Advarselsbeskeder, der siger "Tak! Vi anbefaler flere som denne"

Test 7: Tjek din statistikopdatering

Opdater siden eller generer en anden afspilningsliste
Dine statistikker burde nu vis:
- Samlede afspilningslister: 1 (eller flere)
- Favoritstemning: uanset hvilket humør der blev registreret
- Andre statistikker burde begynde at blive udfyldt

Test af forskellige scenarier

Prøv forskellige humør:

"Jeg har lige slået op med min kæreste, og det regner" (burde registrere: trist)
"Jeg er spændt på min træningssession!" (skal registrere: energisk)
"Vil bare slappe af og studere stille og roligt" (skal registrere: afslappet)
"Føler mig romantisk på denne date" (skal registrere: romantisk)

Test Edge Cases:

"" (tom - skal vise fejl)
"asdf tilfældig tekst" (skal som standard være neutral/afslappet)
"Jeg er EKSTREMT spændt!!!" (burde registrere højere sikkerhed)

Almindelige problemer og hurtige løsninger

❌ "MongoDB-forbindelse mislykkedes"

Kontroller: Er din .env-fil korrekt konfigureret med MongoDB-forbindelsesstrengen?

# Kør dette for at teste din databaseforbindelsesnode -e "require('dotenv').config(); console.log('MONGODB_URI:', process.env.MONGODB_URI ? 'Set ✅' : 'Missing ❌');"

❌ "Spotify-forbindelse mislykkedes"

Kontrollér: Er dine Spotify API-nøgler i .env-filen?

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

❌ Login/Registrering virker ikke

Kontroller: Ser du nogen fejlmeddelelser i browserkonsollen?

Tryk på F12 → Konsolfane
Se efter røde fejlmeddelelser

❌ Siden viser gammel brugerflade

Løsning: Opdater siden hårdt

Tryk på Ctrl+Shift+R (Windows/Linux)
Tryk på Cmd+Shift+R (Mac)

Hvad burde virke vs. hvad der stadig er grundlæggende

✅ Burde virke nu:

Brugerregistrering og login
Grundlæggende humørregistrering og generering af afspilningslister
Gemmer humørhistorik i databasen
Enkel like/dislike-feedback
Statistiksporing (i alt playlister, yndlingsstemning)

🚧 Stadig grundlæggende (avancerede funktioner til senere):

Kompleks maskinlæring fra brugerfeedback
Sociale funktioner og deling af playlister
Avanceret analyse og humørmønstre
Mobilapp-grænseflade

Næste trin efter test

Når alt fungerer:

Prøv med forskellige brugere - opret flere konti for at se, hvordan personaliseringen adskiller sig
Generer flere playlister - se, hvordan dine statistikker og præferencer udvikler sig
Giv feedback på numre - se, hvordan systemet lærer din smag at kende
Tjek dit MongoDB Atlas-dashboard - du burde se data blive gemt

Konklusion

Du har lige bygget noget bemærkelsesværdigt - en AI, der ikke kun forstår menneskelige følelser, men også lærer og tilpasser sig individuelle præferencer over tid. Din Mind-Reading Music API har nu hukommelse, personlighed og evnen til at vokse med sine brugere.

Kombinationen af humørregistrering, brugerlæring og personlige anbefalinger skaber en oplevelse, der bliver mere magisk med hver interaktion. Hver brugers rejse bliver unik og bygger et personligt lydspor til deres følelsesliv.

Din API husker nu alle humør, lærer af hver interaktion og opbygger en omfattende forståelse af hver brugers musikalske præferencer. Dette er fundamentet for virkelig personlige AI-oplevelser.

Hvad er det næste?

Klar til at tage dette endnu videre? Her er nogle spændende retninger:

Avanceret analyse: Tilføj genkendelse af humørmønstre og prædiktive anbefalinger
Sociale funktioner: Lad brugerne dele playlister og opdage venners musiksmag
Mobilapp: Byg React Native- eller Flutter-apps til iOS/Android
Stemmeintegration: Tilføj tale-til-tekst til håndfri humørinput
Maskinlæring: Implementer samarbejdsfiltrering for endnu bedre anbefalinger
Implementering: Implementer til AWS/Vercel med de korrekte miljøvariabler

Fortsæt med at eksperimentere og bygge - fremtiden for personlige AI-oplevelser ligger i dine hænder!

Klar til den næste udfordring? Følg med på vores kommende vejledning om tilføjelse af sociale funktioner og samarbejdsfiltrering for at skabe et musikopdagelsesnetværk, der forbinder mennesker gennem delte følelsesmæssige oplevelser.