Vad du bygger
Din app är nu helt levande och tillgänglig för vem som helst på nätet. Du har en färdig webbapplikation där riktiga användare kan registrera sig, logga in säkert och spara sin egen data direkt i en fungerade databas.
Innan du börjar
- Ett färdigt projekt i Lovable med fungerande inloggning och databaskoppling.
- Ett eget konto på din databas- eller auth-leverantör (exempelvis Supabase) om du kör en egen databaslösning.
- En smartphone till hands för att kunna testa användarupplevelsen på en mobilskärm.
Steg för steg
- Verifiera lokalt — Kontrollera en sista gång i förhandsgranskningen i Lovable att allt fungerar som det ska. Testa att logga in, lägga till ett objekt och se att det sparas korrekt i administrationsvyn.
- Klicka på Publish — Leta upp knappen Publish längst upp till höger i Lovable-gränssnittet. Klicka på den för att starta byggprocessen som lägger ut din app på nätet.
- Öppna din publika länk — När publiceringen är klar får du en live-webbadress till din app. Klicka på länken för att öppna den, eller skicka den till din mobiltelefon för att testa direkt i en mobil webbläsare.
- Skapa ett nytt testkonto — Skapa ett helt nytt konto i din live-app med en annan e-postadress än din utvecklarmejl för att testa flödet från grunden.
- Testa att spara data — Logga in med det nya kontot i din mobil och lägg till exempelvis en ny att göra-punkt eller skriv in ny information i din app.
- Kontrollera databasen i molnet — Navigera till fliken Cloud i din Lovable-meny, klicka dig vidare till Database och välj fliken för dina sparade rader (exempelvis
todos). Verifiera att din nya rad från mobilen syns i listan. - Bjud in vänner — Dela med dig av din nya länk till en eller två vänner. Be dem registrera sig och lägga till valfri information för att testa att systemet hanterar flera användare samtidigt.
Byggloftets tips
- Bygges favoritmetod — Öppna alltid din nya publika länk i ett "inkognitofönster" eller i en annan webbläsare efter att du har publicerat. Då är du helt utloggad från dina utvecklingsverktyg och ser exakt det som dina besökare kommer att se.
- Spara som app på hemskärmen — Om du öppnar appen på din mobil kan du lägga till den på hemskärmen via webbläsarens inställningar. Då döljs adressfältet och sajten känns och fungerar precis som en vanlig mobilapplikation.
- Säkerställ e-posten — Innan du skickar ut appen till hundratals användare, se till att slå på anpassad e-postavsändare (SMTP) i dina Auth-inställningar så att inte verifieringsmejlen hamnar i skräpkorgen.
Vanliga fel
- "Confirmation email not sent": De inbyggda gratismejlen har ofta strikta begränsningar per dygn. Du löser detta genom att aktivera Lovables inbyggda mejlleverantör eller koppla på en egen SMTP-server i inställningarna.
- "500 Internal Server Error på live-sidan": Detta beror oftast på att dina miljövariabler (environment variables) inte har kopierats över till din produktionsmiljö. Dubbelkolla så att databasnycklarna stämmer överens i din Cloud-panel.
- Datan sparas inte live men fungerar lokalt: Kontrollera att dina RLS-regler (Row Level Security) är korrekt konfigurerade i din databas så att de tillåter nya, publika konton att skriva data till tabellen.
Du är klar när…
Du ser din app på en riktig webbadress på mobilen och kan se nya rader registreras i molndatabasen när du och dina vänner testar verktyget live.
