Deploy och delning

Live-URL på minuter, custom domain, teamdelning.

5 minCursor & kod
Illustration för lektionen Deploy och delning

Vad du bygger

Du lanserar ditt Replit-projekt till en levande, offentlig webbplats med en fungerande länk och bjuder in andra att samarbeta direkt i koden. Din app eller hemsida blir nåbar för vem som helst på internet, direkt från både mobilen och datorn.

Innan du börjar

  • Ett påbörjat projekt i Replit.
  • Ett registrerat konto på Replit (gratisversionen räcker utmärkt för att komma igång).
  • Något i ditt projekt som du vill visa upp, till exempel en enkel hemsida, ett verktyg eller en app.

Steg för steg

  1. Hitta publiceringsknappen – Leta upp knappen Deploy (eller Release) i det övre högra hörnet i ditt Replit-fönster och klicka på den för att öppna panelen för publicering.
  2. Välj publiceringsmetod – Klicka på alternativet för en snabb och kostnadsfri publicering, vilket ofta kallas för Static eller Autoscale beroende på vilken typ av projekt du har byggt.
  3. Starta din heroiska driftsättning – Klicka på den blå knappen för att godkänna och starta bygget. Replit börjar nu automatiskt paketera din kod och göra den redo för internet. Det tar oftast under en minut.
  4. Kopiera din unika webbadress – När processen är klar visas en grön bock och en unik webbadress på skärmen. Klicka på den lilla kopieringsikonen bredvid länken för att spara adressen på din dator eller mobil.
  5. Koppla egen domän (valfritt) – Om du vill ha en mer personlig adress som inte slutar på replit.app kan du klicka på fältet för Custom Domain på skärmen och skriva in en webbadress som du själv äger.
  6. Bjud in vänner till koden – Gå tillbaka till din kodvy och klicka på knappen Invite högst upp till höger. Skriv in din kollegas e-postadress eller Replit-användarnamn för att låta dem se koden eller arbeta i samma fil tillsammans med dig i realtid.

Byggloftets tips

  • Vår maskot Bygge tipsar om att alltid öppna den nya länken i mobilen direkt efter publicering så att du ser hur sidan anpassar sig på mindre skärmar.
  • Om du gör ändringar i din kod efter att du har publicerat måste du gå in på Deploy-panelen igen och klicka på Redeploy för att uppdatera den levande sidan med dina senaste justeringar.
  • Gratisversionen av Replit gör att din app somnar om ingen besöker den på en stund. Det betyder att den första laddningen kan ta några sekunder extra för en ny besökare.

Vanliga fel

  • "Sidan hittas inte (404 error)": Säkerställ att din startfil i projektet heter exakt index.html eller att ditt script har rätt startfil angiven i inställningarna, annars vet inte servern vilken sida den ska visa först.
  • "Deployen fastnar eller misslyckas": Det beror oftast på ett litet stavfel eller fel i koden. Öppna fliken Console i ditt Replit-fönster och titta efter röda felmeddelanden som förklarar vad som har gått fel innan du försöker publicera igen.

Du är klar när…

Du kan öppna din kopierade länk i ett privat webbläsarfönster på mobilen eller datorn och se din app fungera precis som den gör inuti din digitala verkstad på Replit.

Steg för steg i bild

Hitta publiceringsknappen – Leta upp knappen
1. Hitta publiceringsknappen – Leta upp knappen
Välj publiceringsmetod – Klicka på alternativet
2. Välj publiceringsmetod – Klicka på alternativet
Starta din heroiska driftsättning – Klicka på den blå knappe
3. Starta din heroiska driftsättning – Klicka på den blå knappe

Det finns en videoversion av den här lektionen för medlemmar. Texten ovan är komplett.