Uppgradera ditt API för tankeläsning av musik: Lägga till användarkonton med humörhistorik och smarta inställningar

Förvandla din känsloupptäckande spellistegenerator till en personlig musikföljeslagare som lär sig av varje interaktion. Den här uppföljningshandledningen lägger till användarautentisering, humörspårningsanalys och intelligent preferensinlärning för att skapa verkligt personliga musikupplevelser.

Vad vi bygger idag

Kommer du ihåg vårt API för tankeläsning av musik som kunde upptäcka känslor och generera spellistor? Idag gör vi det personligt. Vi lägger till:

Användarautentisering som faktiskt fungerar (inga komplexa OAuth-problem)
Dashboard för humörhistorik med snygg analys
Smarta spellistinställningar som lär sig av användarbeteende
Personliga rekommendationer som blir bättre med tiden
Datapersistens så att användarna aldrig tappar bort sin musikaliska resa

I slutet av den här handledningen kommer ditt API att komma ihåg att Sarah älskar indierock när hon är ledsen, medan Mike föredrar klassisk musik för fokussessioner.

Vad du behöver

Ditt ifyllda Mind-Reading Music API från föregående handledning
30 minuter fokuserad kodningstid
MongoDB Atlas-konto (gratisnivån fungerar perfekt)
Grundläggande förståelse för databaser (vi håller det enkelt!)

Konfigurera användarautentisering (enkelt sätt)

Först lägger vi till de paket vi behöver för användarhantering.

Gå till din terminal i din kodredigerare, skriv eller klistra in följande kommando och tryck på enter:

npm install mongoose bcryptjs jsonwebtoken express-session connect-mongo

Steg 1: Konfiguration av databasanslutning

När installationen är klar skapar du en ny fil med namnet database.js och lägger till följande kod:

const mongoose = require('mongoose'); const connectDB = async () => { try { console.log('🔗 Ansluter till MongoDB...'); await mongoose.connect(process.env.MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true, }); console.log('✅ MongoDB ansluten korrekt!'); } catch (error) { console.error('❌ MongoDB-anslutning misslyckades:', error.message); process.exit(1); } }; module.exports = connectDB;

Och spara med cmd + s, ctrl + s eller filen och spara sedan.

Skapa ditt MongoDB Atlas-konto

Besök: mongodb.com/cloud/atlas
Klicka på: knappen "Kom igång" (vanligtvis i det övre högra hörnet)

Registreringsalternativ

Du har tre sätt att skapa ett konto:

Alternativ A: E-postregistrering

Klicka på "Registrera dig med e-post"
Ange din e-postadress
Skapa ett starkt lösenord
Klicka på "Skapa ditt Atlas-konto"

Alternativ B: Google-registrering

Klicka på "Registrera dig med Google"
Välj ditt Google-konto
Ge nödvändiga behörigheter

Alternativ C: GitHub-registrering

Klicka på "Registrera dig med GitHub"
Auktorisera MongoDB Atlas för att komma åt ditt GitHub-konto

Verifiera din e-postadress

Kontrollera din e-postinkorg
Klicka på verifieringslänken från MongoDB
Detta bekräftar att ditt konto är riktigt

Skapa ditt första databaskluster

Om du inte ser din instrumentpanel efter inloggning kan du behöva klicka på ditt namn i det övre högra hörnet för att öppna följande rullgardinsmeny och klicka på Atlas:

Du kommer då att se Atlas instrumentpanel. Dags att skapa din databas!

Välj din distributionstyp

Klicka på "Kluster" under "Databas" i den vänstra sidofältet

Klicka på "Bygg ett kluster"

Välj "Gratis"

Du kommer att omdirigeras till en sida för att distribuera ditt kluster och du vill välja det kostnadsfria abonnemanget.

Val av gratis abonnemang för MongoDB Atlas

Val av molnleverantör: Du ser tre leverantörsalternativ:

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

Välj: AWS (det är den mest populära och har flest regioner)

Val av region: Efter att du valt AWS ser du en rullgardinsmeny med många regioner. Välj den som ligger närmast din plats för bättre prestanda:

🇺🇸 USA:

us-east-1 (Nord-Virginia) - Östkusten
us-west-2 (Oregon) - Västkusten
us-central-1 (Iowa) - Centraleuropa

🇪🇺 Europa:

eu-west-1 (Irland) - Västeuropa
eu-central-1 (Frankfurt) - Centraleuropa
eu-west-2 (London) - Storbritannien

🌏 Asien och Stillahavsområdet:

ap-southeast-1 (Singapore) - Sydostasien
ap-south-1 (Mumbai) - Indien
ap-northeast-1 (Tokyo) - Japan

💡 Proffstips: Om du är osäker är us-east-1 oftast det säkraste valet med flest funktioner.

Klicka sedan på knappen "Skapa driftsättning"

Skapa databasanvändare

Steg 3.1: Lägg till databasanvändare

Du kommer att se skärmen "Säkerhetsstart"
Autentiseringsmetod: Behåll "Användarnamn och lösenord" markerat
Användarnamn: Ange ett användarnamn (t.ex. mood-music-user)
Lösenord:
- Alternativ A: Klicka på "Autogenerera säkert lösenord" (rekommenderas)
- Alternativ B: Skapa ditt eget starka lösenord (minst 8 tecken)
Kopiera lösenordet omedelbart! Du behöver detta för din anslutningssträng

⚠️ Kopiera och spara ditt lösenord omedelbart!

Klicka: "Skapa databas Användare"
Klicka: "Välj en anslutningsmetod"

Välj anslutningsmetod

Du ser flera anslutningsalternativ:

Drivrutiner 👈 Detta är vad vi vill ha för Node.js-appar
Compass (MongoDBs skrivbordsapplikation)
Shell (MongoDBs kommandoradsgränssnitt)
MongoDB för VS Code (VS Code-tillägg)
Atlas SQL (SQL-gränssnitt för MongoDB)

Välj: "Drivrutiner" - detta ger dig anslutningssträngen för applikationer som Node.js

Konfigurera din drivrutinsanslutning

Efter att du har valt "Drivrutiner":

Drivrutin: Välj "Node.js" från rullgardinsmenyn
Version: Välj din Node.js-version eller lämna den som standard (fungerar vanligtvis bra)
Anslutningssträng: Du kommer att se anslutningssträngen visas nedan

Kopiera din anslutningssträng

Du kommer att se något liknande detta:

mongodb+srv://<användarnamn>:<lösenord>@cluster0.abc123.mongodb.net/?retryWrites=true&w=majority

Viktigt: Detta är en mall! Du måste:

Ersätta <username> med ditt databasanvändarnamn
Ersätta <password> med ditt databaslösenord
Lägga till ditt databasnamn efter .net/

Exempel på transformation

Före (mall):

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

Efter (klar att använda):

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

Meddelande:

<användarnamn> → mood-music-user
<password> → MySecurePassword123
Lade till /mood-music-db som databasnamn

Klicka på 'klar'

Steg 5: Lägg till anslutningssträng till ditt projekt

Uppdatera din .env-fil

Öppna din .env-fil och lägg till:

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

Generera starka hemligheter

För JWT_SECRET och SESSION_SECRET behöver du slumpmässiga strängar som inte bryter dina konfigurationsfiler.

⚠️ Viktigt: Undvik specialtecken som @, #, $, %, /, ? i lösenord eftersom de kan bryta anslutningssträngar och JSON-filer.

Alternativ A: Enkel onlinegenerator (rekommenderas)

Besök: JWTSECRETS
Inställningar:
- Antal lösenord: 1
- Lösenordslängd: 32
- ✅ Markera "stora bokstäver (A-Ö)"
- ✅ Markera "små bokstäver (a-ö)"
- ✅ Markera "siffror (0-9)"
- ❌ Avmarkera "interpunktion"
Klicka på "Hämta lösenord"

Alternativ B: Använd din webbläsarkonsol (superenkelt!)

Öppna valfri webbplats (som google.com)
Tryck på F12 (eller högerklicka → Inspektera)
Klicka på fliken "Konsol"

Klistra in den här koden och tryck på Enter:

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

Kopiera resultat - det kommer att se ut ungefär så här: k8m9x2n7p4q1w3e5r6t8y9u2i4o7p1a5s3d6f8g2h4j7k9l

Alternativ C: Manuell metod (om allt annat misslyckas)

Skriv bara en lång slumpmässig sträng med:

Bokstäver: A-Z, a-z
Siffror: 0-9
Exempel: MyApp2024SecretKey789RandomString456Auth

Slutligt .env-exempel

SPOTIFY_CLIENT_ID=your_spotify_client_id_here SPOTIFY_CLIENT_SECRET=din_spotify_klient_hemlighet_här 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

Viktiga punkter:

✅ Inga specialtecken i JWT_SECRET och SESSION_SECRET
✅ MongoDB-lösenord undviker URL-brytande tecken
✅ Alla hemligheter är långa och slumpmässiga
✅ Säker att använda i JSON-filer och anslutningssträngar

Steg 2: Användarmodell med Mood Spårning

Skapa en mapp med namnet models och lägg till en fil med namnet User.js i mappen. Lägg sedan till och spara följande kod 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 userPreferencesSchema = 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 }); // Hasha lösenordet innan det sparas userSchema.pre('save', async function(next) { if (!this.isModified('password')) return next(); this.password = await bcrypt.hash(this.password, 12); next(); }); // Jämför lösenord userSchema.methods.comparePassword = async function(password) { return bcrypt.compare(password, this.password); }; // Beräkna användarstatistik userSchema.methods.updateStats = function() { const moods = this.moodHistory.map(entry => entry.detectedMood); this.stats.totalPlaylists = this.moodHistory.length; // Hitta vanligaste humöret 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' ); // Bestäm favorittid 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 = 'morgon'; else if (avgHour < 18) this.stats.favoriteTime = 'eftermiddag'; else this.stats.favoriteTime = 'kväll'; }; module.exports = mongoose.model('Användare', userSchema);

Steg 3: Autentisering av Middleware

Skapa en mapp med namnet middleware och lägg till en fil med namnet auth.js i den. Lägg sedan till följande kod i filen och spara den:

const jwt = require('jsonwebtoken'); const Användare = require('../models/Användare'); const auth = async (req, res, next) => { try { const token = req.header('Auktorisering')?.replace('Bärare ', '') || req.session.token; if (!token) { return res.status(401).json({ fel: 'Ingen token tillhandahållen' }); } const decoded = jwt.verify(token, process.env.JWT_SECRET); const user = await User.findById(decoded.userId); if (!user) { return res.status(401).json({ error: 'Användaren hittades inte' }); } req.user = user; next(); } catch (error) { res.status(401).json({ error: 'Ogiltig token' }); } }; module.exports = auth;

Användaröversikt med vacker analys

Skapa en ny mapp i ditt projekt och döp den till public och lägg sedan till en fil i den här mappen och döp den till index.html:

<!DOCTYPE html> <html> <head> <title>Mind-Reading Music API - Personlig instrumentpanel</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; 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-radie: 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-radie: 20px; padding: 30px; margin-bottom: 30px;
... } .mood-history { bakgrund: rgba(255,255,255,0.95); border-radie: 20px; padding: 30px; } .history-item { bakgrund: #f8f9fa; border-radie: 10px; padding: 15px; margin-bottom: 15px; border-left: 4px solid #667eea; } .login-section, .register-section { bakgrund: rgba(255,255,255,0.95); border-radie: 20px; padding: 30px; max-width: 400px; margin: 50px auto; } input, textarea, button { bredd: 100%; padding: 12px; marginal: 10px 0; border: 2px solid #e1e5e9; border-radie: 8px; font-size: 16px; } knapp { bakgrund: linear-gradient(135deg, #667eea, #764ba2); färg: vit; border: ingen; cursor: pointer; font-weight: 600; } knapp:hover { transform: translateY(-2px); } </style> </head> <body> <div class="dashboard"> <div id="authSection"> <div class="login-section"> <h2>🧠🎵 Välkommen tillbaka!</h2> <input type="text" id="loginUsername" placeholder="Användarnamn"> <input type="password" id="loginPassword" placeholder="Lösenord"> <button onclick="login()">Logga in</knapp> <p><a href="#" onclick="showRegister()">Har du inget konto? Registrera dig</a></p> </div> <div id="registerSection" class="register-section" style="display:none;"> <h2>🎵 Skapa din musikprofil</h2> <input type="text" id="regUsername" placeholder="Användarnamn"> <input type="email" id="regEmail" placeholder="E-post"> <input type="password" id="regPassword" placeholder="Lösenord"> <button onclick="register()">Skapa konto</button> <p><a href="#" onclick="showLogin()">Har du redan ett konto? Logga in</a></p> </div> </div> <div id="dashboardSection" style="display:none;"> <div class="header"> <h1>🧠🎵 Din personliga musikaliska tankeläsare</h1> <p>Välkommen tillbaka, <span id="användarnamn"></span>! Redo att upptäcka ditt perfekta soundtrack?</p> <button onclick="logout()" style="width:auto; margin-top:10px;">Logga ut</button> </div> <div class="stats-grid"> <div class="stat-card"> <h3>📊 Totalt antal spellistor</h3> <div id="totalPlaylists" class="stat-number">0</div&</div> <div class="stat-card"> <h3>😊 Favoritstämning</h3> <div id="favoriteMood" class="stat-text">-</div> </div> <div class="stat-card"> <h3>🕐 Bästa tid</h3> <div id="bästa tid" class="stat-text">-</div> </div> <div class="stat-card"> <h3>🎵 Toppgenre</h3> <div id="topGenre" class="stat-text">-</div> </div> </div> <div class="mood-input-section"> <h2>💭 Hur mår du just nu?</h2> <textarea id="moodText" placeholder="Beskriv ditt nuvarande humör, vad som händer eller hur du vill känna..."></textarea> <button onclick="generatePersonalizedPlaylist()">🎧 Generera min perfekta spellista</button> <div id="result" style="display:none;" class="result"></div> </div> <div class="mood-history"> <h2>📈 Din humörresa</h2> <div id="historyContainer"></div> </div> </div> </div> </div> </div> <script src="/js/app.js"></script> </body> </html>

Skapa nu en mapp i din public-mapp och döp den till js. Skapa en app.js-fil i js-mappen med följande kod:

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 användarnamn = document.getElementById('loginAnvändarnamn').value; const lösenord = document.getElementById('loginLösenord').value; if (!användarnamn || !lösenord) { alert('Vänligen fyll i alla fält'); 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 || 'Inloggning misslyckades'); } } catch (error) { console.error('Inloggningsfel:', error); alert('Inloggning misslyckades. Försök igen.'); } } async function register() { const username = document.getElementById('regUsername').value; const email = document.getElementById('regEmail').value;


Behöver du mer information om detta? Behöver du mer information om detta? const password = document.getElementById('regPassword').value; if (!användarnamn || !e-post || !password) { alert('Vänligen fyll i alla fält'); return; } try { const response = await fetch('/api/register', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({användarnamn, e-post, lösenord }) }); const data = await response.json(); if (response.ok) { alert('Kontot skapades! Vänligen logga in.'); showLogin(); } else { alert(data.error || 'Registreringen misslyckades'); } } catch (error) { console.error('Registreringsfel:', error); alert('Registreringen misslyckades. Försök igen.'); } } async function loadDashboard() { try { const response = await fetch('/api/profile', { headers: { 'Auktorisering': 'Bärare' + authToken } }); if (response.ok) { currentUser = await response.json(); showDashboard(); updateStats(); loadMoodHistory(); } else { logout(); } } catch (error) { console.error('Fel vid laddning av instrumentpanel:', error); logout(); } } function showDashboard() { document.getElementById('authSection').style.display = 'none'; document.getElementById('dashboardSection').style.display = 'block'; document.getElementById('användarnamn').textContent = currentUser.användarnamn; } function updateStats() { document.getElementById('totalPlaylists').textContent = currentUser.stats.totalPlaylists || 0; document.getElementById('favoriteMood').textContent = currentUser.stats.mostCommonMood || '-'; document.getElementById('bästaTid').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 ännu. Generera din första spellista!</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} genererade spår</small> </div>` ).join(''); } async function generatePersonalizedPlaylist() { const moodText = document.getElementById('moodText').value; if (!moodText.trim()) { alert('Beskriv hur du känner dig!'); 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 || 'Det gick inte att generera spellista'); } } catch (error) { console.error('Fel vid generering av spellista:', error); alert('Det gick inte att generera spellista. Försök igen.'); } } function displayPersonalizedResults(data) { const resultDiv = document.getElementById('result'); resultDiv.style.display = 'block'; const html = ` <h3>Upptäckt humör: ${data.moodAnalysis.mood} (Konfidens: ${data.moodAnalysis.confidence}/10)</h3> <p>${data.personalizedMessage || 'Här är din spellista!'}</p> <div class="playlist">
... ${data.playlist.map(track => ` <div style="display: flex; align-items: center; margin: 10px 0; padding: 10px; background: #f8f9fa; border-radie: 8px;"> ${track.album_image ? `<img src="${track.album_image}" alt="Album" style="width:50px;height:50px;border-radie: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, 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 ? 'Tack! Vi kommer att rekommendera fler liknande spår.' : 'Förstod! Vi kommer att undvika liknande spår.'); } catch (error) { console.error('Feedbackfel:', error); } } function logout() { localStorage.removeItem('authToken'); authToken = null; currentUser = null; document.getElementById('authSection').style.display = 'block'; document.getElementById('dashboardSection').style.display = 'none'; showLogin();

Ersätt din server.js-fil

Ersätt din server.js-filkod med följande:

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'); // Anslut till MongoDB const connectDB = async () => { try { console.log('🔗 Ansluter till MongoDB...'); await mongoose.connect(process.env.MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true, }); console.log('✅ MongoDB ansluten!'); } catch (error) { console.error('❌ MongoDB-anslutning misslyckades:', 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')); // Servera huvudsidan app.get('/', (req, res) => { res.sendFile(__dirname + '/public/index.html'); }); // Användarregistrering app.post('/api/register', async (req, res) => { try { const { användarnamn, e-post, lösenord } = req.body; if (!användarnamn || !e-post || !password) { return res.status(400).json({ fel: 'Alla fält är obligatoriska' }); } if (password.length < 6) { return res.status(400).json({ fel: 'Lösenordet måste vara minst 6 tecken långt' }); } const existingUser = await User.findOne({ $or: {[ e-post }, { användarnamn }] }); if (existingUser) { return res.status(400).json({ fel: 'Användarnamn eller e-postadress finns redan' }); } const user = new User({ användarnamn, e-post, lösenord }); await user.save(); res.status(201).json({ meddelande: 'Användare skapad' }); } catch (error) { console.error('Registreringsfel:', error); res.status(500).json({ fel: 'Registreringen misslyckades' }); } }); // Användarinloggning app.post('/api/login', async (req, res) => { try { const { användarnamn, lösenord } = req.body; const användare = await User.findOne({ $or: {[ användarnamn }, { email: användarnamn }] }); if (!användare || !(await user.comparePassword(lösenord))) { return res.status(401).json({ error: 'Ogiltiga inloggningsuppgifter' }); } const token = jwt.sign({ användar-ID: användare._id }, process.env.JWT_SECRET, { expiresIn: '7d' } ); res.json({ token, användare: { användarnamn: användare.användarnamn, email: användare.email } }); } catch (error) { console.error('Inloggningsfel:', error); res.status(500).json({ fel: 'Inloggning misslyckades' }); } }); // Hämta användarprofil 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: 'Det gick inte att läsa in profilen' }); } }); // Generering av personlig spellista app.post('/api/personalized-playlist', auth, async (req, res) => { try { const { text, playlistSize = 15 } = req.body; if (!text) { return res.status(400).json({ error: 'Berätta gärna hur du mår!' }); } const moodAnalysis = moodAnalyzer.analyzeMood(text); const playlist = await playlistGen.generatePlaylist( moodAnalysis.mood, moodAnalysis.intensity, playlistSize ); // Spara i användarens 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: `Baserat på din historik har jag skräddarsytt den här spellistan specifikt för ditt ${moodAnalysis.mood} humör!` }); } catch (error) { console.error('Fel i personlig spellista:', error); res.status(500).json({ error: 'Det gick inte att generera personlig spellista. Försök igen.' }); } }); // Spårfeedback app.post('/api/track-feedback', auth, async (req, res) => { try { const { trackId, liked } = req.body; res.json({ message: 'Feedback mottagen! Vi kommer att förbättra framtida rekommendationer.' }); } catch (error) { console.error('Feedbackfel:', error); res.status(500).json({ error: 'Misslyckades med att bearbeta feedback' }); } }); app.listen(PORT, () => { console.log(`🚀 Tankeläsningsmusik-API körs på http://localhost:${PORT}`); console.log('🧠 Klar att analysera stämningar och generera spellistor!'); });

Vad du nu borde kunna göra

1. Anonyma användare (ursprunglig funktionalitet)

Besök din webbplats utan att logga in
Generera spellistor med din befintliga humöranalys
Få musikrekommendationer baserade på känslor

2. Registrerade användare (nya funktioner)

Skapa ett konto och logga in
Generera personliga spellistor som förbättras över tid
Visa humörhistorik och personlig analys
Gilla/ogilla spår för att träna AI:n
Se statistik som favorithumör, totalt antal spellistor etc.

Steg-för-steg-testguide

Test 1: Kontrollera att din server startar

node server.js

Du bör se:

🔑 Försöker Spotify-autentisering... 🎵 Spotify anslöt! 🔗 MongoDB ansluter... ✅ MongoDB har anslutits! 🚀 Tankeläsningsmusik API som körs på http://localhost:3000 🧠 Redo att analysera stämningar och generera spellistor!

Test 2: Besök din webbplats

Gå till: http://localhost:3000

Vad du bör se:

Ett inloggningsformulär som ber om användarnamn/lösenord
En länk "Har du inget konto? Registrera dig"

Test 3: Skapa ditt första konto

Klicka: "Har du inget konto? Registrera dig"
Fyll i:
- Användarnamn: testuser
- E-post: test@example.com
- Lösenord: lösenord123
Klicka: "Skapa konto"
Förväntat resultat: "Kontot har skapats! Vänligen logga in."

Test 4: Logga in på din instrumentpanel

Använd de inloggningsuppgifter du just skapade
Klicka: "Logga in"
Du bör se:
- Välkomstmeddelande med ditt användarnamn
- Statistikkort som visar 0 spellistor, inget favorithumör ännu
- Textområde som frågar "Hur mår du just nu?"

Test 5: Generera din första personliga spellista

Skriv något i stil med: "Jag känner mig supertaggad över mitt nya projekt!"
Klicka: "Generera min "Perfekt spellista"
Du borde se:
- Upptäckt humör (förmodligen "energisk" eller "glad")
- Lista över låtar med albumomslag
- Förhandsgranska ljudspelare (om tillgängliga)
- Tummen upp/ner-knappar för varje låt

Test 6: Testa inlärningssystemet

Klicka på tummen upp 👍 på låtar du gillar
Klicka på tummen ner 👎 på låtar du inte gillar
Förväntat: Aviseringar som säger "Tack! Vi rekommenderar fler som denna"

Test 7: Kontrollera din statistikuppdatering

Uppdatera sidan eller generera en annan spellista
Din statistik borde nu visa:
- Totalt antal spellistor: 1 (eller fler)
- Favorithumör: vilket humör som än upptäcktes
- Annan statistik bör börja visas

Testa olika scenarier

Prova olika humör:

"Jag gjorde precis slut med min flickvän och det regnar" (borde upptäcka: ledsen)
"Jag är taggad inför mitt träningspass!" (borde känna av: energisk)
"Vill bara chilla och studera i lugn och ro" (borde känna av: chill)
"Känner mig romantisk på den här dejtkvällen" (borde känna av: romantisk)

Test Edge Cases:

"" (tomt - borde visa fel)
"asdf random text" (borde vara neutral/chill som standard)
"Jag är EXTREMT exalterad!!!" (borde detektera högre säkerhet)

Vanliga problem och snabba lösningar

❌ "MongoDB-anslutningen misslyckades"

Kontrollera: Är din .env-fil korrekt konfigurerad med MongoDB-anslutningssträngen?

# Kör detta för att testa din databasanslutningsnod -e "require('dotenv').config(); console.log('MONGODB_URI:', process.env.MONGODB_URI ? 'Set ✅' : 'Saknas ❌');"

❌ "Spotify-anslutningen misslyckades"

Kontrollera: Finns dina Spotify API-nycklar i .env-filen?

# Kör detta för att kontrollera Spotify-inloggningsuppgifter node -e "require('dotenv').config(); console.log('Spotify Client ID:', process.env.SPOTIFY_CLIENT_ID ? 'Set ✅' : 'Saknas ❌');"

❌ Inloggning/Registrering fungerar inte

Kontrollera: Ser du några felmeddelanden i webbläsarkonsolen?

Tryck på F12 → Konsolflik
Leta efter röda felmeddelanden

❌ Sidan visar gammalt gränssnitt

Lösning: Hårduppdatering av sidan

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

Vad som borde fungera kontra vad som fortfarande är grundläggande

✅ Borde fungera nu:

Användarregistrering och inloggning
Grundläggande humördetektering och generering av spellistor
Spara humörhistorik till databasen
Enkel gilla-/ogilla-feedback
Statistikspårning (totalt spellistor, favoritstämning)

🚧 Fortfarande grundläggande (avancerade funktioner för senare):

Komplex maskininlärning från användarfeedback
Sociala funktioner och delning av spellistor
Avancerad analys och stämningsmönster
Mobilappgränssnitt

Nästa steg efter testning

När allt fungerar:

Prova med olika användare - skapa flera konton för att se hur personaliseringen skiljer sig
Generera flera spellistor - se hur din statistik och dina preferenser utvecklas
Ge feedback på låtar - se hur systemet lär sig din smak
Kontrollera din MongoDB Atlas-instrumentpanel - du borde se data lagras

Slutsats

Du har just byggt något anmärkningsvärt - en AI som inte bara förstår mänskliga känslor utan också lär sig och anpassar sig till individuella preferenser över tid. Ditt API för tankeläsning av musik har nu minne, personlighet och förmågan att växa med sina användare.

Kombinationen av humördetektering, användarinlärning och personliga rekommendationer skapar en upplevelse som blir mer magisk med varje interaktion. Varje användares resa blir unik och bygger ett personligt soundtrack till deras känsloliv.

Ditt API kommer nu ihåg varje humör, lär sig av varje interaktion och bygger en omfattande förståelse för varje användares musikaliska preferenser. Detta är grunden för verkligt personliga AI-upplevelser.

Vad händer härnäst?

Redo att ta detta ännu längre? Här är några spännande inriktningar:

Avancerad analys: Lägg till humörmönsterigenkänning och prediktiva rekommendationer
Sociala funktioner: Låt användare dela spellistor och upptäcka vänners musiksmak
Mobilapp: Bygg React Native- eller Flutter-appar för iOS/Android
Röstintegration: Lägg till tal-till-text för handsfree-humörinmatning
Maskininlärning: Implementera samarbetsfiltrering för ännu bättre rekommendationer
Distribution: Distribuera till AWS/Vercel med korrekta miljövariabler

Fortsätt experimentera och bygga - framtiden för personliga AI-upplevelser ligger i dina händer!

Redo för nästa utmaning? Håll utkik efter vår kommande handledning om att lägga till sociala funktioner och samarbetsfiltrering för att skapa ett musikupptäcktsnätverk som kopplar samman människor genom delade känslomässiga upplevelser.