Voor je je website kunt uploaden, moet er eerst een SSH key toegevoegd zijn aan je project. Is dat nog niet gebeurd? Bekijk dan eerst het artikel: “Hoe voeg ik een SSH key toe aan een project?”
Is dat wel in orde? Dan kan je starten met het uploaden van je website.

Stappenplan

  1. Ga naar het project waarin je je website wilt uploaden. Open het project via het oog-icoon in het overzicht.
  2. Klik bovenaan op de tab ‘Components’. Zoek in de lijst naar je applicatiecomponent, bijvoorbeeld NodeJS, en klik opnieuw op het oog-icoon rechts om deze te openen.
  3. Scroll op deze pagina naar beneden tot je het onderdeel ‘SSH Keys’ ziet. Controleer of jouw SSH key correct is toegevoegd.
  4. Aan de rechterkant van de pagina onder ‘Actions’ vind je de knop ‘Connect’. Klik daarop en kies ‘Copy SSH Command’.
  5. Open je terminal op je computer. Typ hiervoor in de zoekbalk van je systeem ‘Terminal’ en open dit. Plak daar het SSH-commando dat je net hebt gekopieerd en druk op enter.
  6. Mogelijk krijg je de vraag of je de verbinding vertrouwt. Klik dan op ‘yes’.
    Indien je bij het aanmaken van je SSH key een wachtwoord hebt ingesteld, zal je dit nu ook moeten invullen.
  7. Eens je bent ingelogd, zie je een welkomscherm van Level27. Typ cd app om naar de map te gaan waarin je websitebestanden geplaatst moeten worden.
  8. Upload nu je websitebestanden naar de juiste map. Dit kan via de terminal (zoals met scp of rsync) of via een extern programma dat SSH ondersteunt zoals Visual Studio Code (met SSH-extensie), FileZilla of WinSCP.
    Je kan ook werken met Git-platformen zoals GitHub of GitLab om je bestanden te klonen binnen je projectomgeving, als je daar vertrouwd mee bent.
  9. Ga terug naar het dashboard van je applicatiecomponent in Level27. Scroll opnieuw naar beneden tot je bij ‘Advanced Config’ komt en klik op ‘Edit’.
  10. Er zal vervolgens een sectie verschijnen aan de rechterzijde van de website.
    Vul hier de juiste gegevens in:

    • Path: de map waar je bestanden staan, bv. app of app/Fellow27
    • Port: de poort die je applicatie gebruikt, bv. 3000
    • Command: het opstartcommando van je applicatie, bv. node main.js, npm start of bun run dev

    Zorg dat deze waarden correct zijn. Als het pad of poortnummer niet klopt, zal je website niet werken.

Druk op ‘Save’ om de wijzigingen op te slaan. Het kan enkele minuten duren voordat je website effectief online staat.