Daylit

Handleiding

Bestanden op je site zetten: WinSCP, VS Code, FileZilla

Zo zet je bestanden op je Daylit-site, met het programma dat je fijn vindt. Vervang overal naam door de naam van je site (uit de welkomstmail). Je gebruikersnaam is die naam, het wachtwoord staat in de welkomstmail onder BESTANDEN.

Welke manier?

De gegevens zijn altijd hetzelfde:

WinSCP

  1. Download WinSCP van winscp.net en installeer het.
  2. Kies Nieuwe site en vul in: bestandsprotocol SFTP, hostnaam sftp.ondaylit.nl, poort 22, je gebruikersnaam en wachtwoord. Klik op Opslaan en Inloggen.
  3. De eerste keer vraagt WinSCP of je de server vertrouwt: kies Ja.
  4. Links staan je eigen bestanden, rechts je site. Sleep bestanden of mappen naar rechts.
  5. Automatisch bijhouden: open links je projectmap en kies Opdrachten → Externe map up-to-date houden (Ctrl+U). Elke wijziging in die map staat binnen een paar seconden online.
  6. Bewerken in VS Code: ga naar Opties → Voorkeuren → Editors → Toevoegen, kies Externe editor en blader naar Code.exe. Dubbelklik je in WinSCP op een bestand, dan opent het in VS Code en zet Ctrl+S het terug op je site.

Werkt SFTP op jouw netwerk niet (sommige scholen blokkeren poort 22)? Kies dan bestandsprotocol WebDAV, versleuteling TLS/SSL Impliciet, hostnaam naam-files.ondaylit.nl en poort 443.

Visual Studio Code met de extensie SFTP

  1. Installeer in VS Code de extensie SFTP van Natizyskunk (Extensions, zoek op "sftp").
  2. Open je projectmap (File → Open Folder).
  3. Maak in die map een map .vscode met daarin het bestand sftp.json, en zet daar dit in (de welkomstmail heeft hem al voor je ingevuld): 
    {
    "name": "naam.ondaylit.nl",
    "host": "sftp.ondaylit.nl",
    "protocol": "sftp",
    "port": 22,
    "username": "naam",
    "remotePath": "/",
    "uploadOnSave": true
}
  4. Klik rechts op je projectmap en kies Sync Local → Remote om alles in één keer online te zetten. De extensie vraagt de eerste keer je wachtwoord.
  5. Daarna staat elke wijziging online zodra je opslaat.

Zet je wachtwoord niet in sftp.json, zeker niet als je je project op GitHub zet.

Visual Studio Code met ftp-simple

  1. Installeer de extensie ftp-simple van humy2833.
  2. Druk op F1 (of Ctrl+Shift+P) en kies ftp-simple: Config - FTP connection setting. Er opent een instellingenbestand; zet daar dit in: 
    [
    {
        "name": "naam.ondaylit.nl",
        "host": "sftp.ondaylit.nl",
        "port": 22,
        "type": "sftp",
        "username": "naam",
        "password": "je wachtwoord",
        "path": "/",
        "autosave": true,
        "confirm": false
    }
]
  3. Sla op. Met F1 → ftp-simple: Remote directory open to workspace open je je site als map in VS Code, en elke keer opslaan staat direct online. Met ftp-simple: Save zet je een lokale map of bestand op je site.

ftp-simple bewaart het wachtwoord in de instellingen van je eigen VS Code, niet in je project.

Ook al een SFTP-verbinding voor school?

ftp-simple kan meerdere verbindingen bewaren. Zet je Daylit-site als tweede blok in dezelfde lijst, met een komma ertussen. Je schoolverbinding blijft gewoon werken:

[
    {
        "name": "mijn schoolsite",
        "host": "server.van-je-school.nl",
        "port": 22,
        "type": "sftp",
        "username": "je schoolnaam",
        "password": "je schoolwachtwoord",
        "path": "/",
        "autosave": true,
        "confirm": true
    },
    {
        "name": "naam.ondaylit.nl",
        "host": "sftp.ondaylit.nl",
        "port": 22,
        "type": "sftp",
        "username": "naam",
        "password": "je Daylit-wachtwoord",
        "path": "/",
        "autosave": true,
        "confirm": true
    }
]

Bij F1 → ftp-simple: Remote directory open to workspace en ftp-simple: Save kies je dan steeds naar welke site het gaat. Zo werk je met hetzelfde project voor school én je eigen site.

FileZilla

  1. Download FileZilla Client van filezilla-project.org.
  2. Vul bovenin in: host sftp://sftp.ondaylit.nl, gebruikersnaam, wachtwoord, poort 22, en klik op Snelverbinden.
  3. Sleep bestanden of mappen van links (je computer) naar rechts (je site).

In de browser

  1. Ga naar https://naam-files.ondaylit.nl en log in.
  2. Sleep bestanden of een hele map in het venster. Klaar.

Veelgestelde vragen

Waar moet mijn index.html staan?

Direct in de hoofdmap van je site (de map die je ziet zodra je verbonden bent). Die pagina zie je op https://naam.ondaylit.nl.

Ik kan niet verbinden met SFTP op school.

Sommige netwerken blokkeren poort 22. Gebruik dan WebDAV via poort 443 (WinSCP, of de browser); dat werkt overal waar websites werken.

Ik ben mijn wachtwoord kwijt.

Mail ons vanaf het e-mailadres waarmee je je site hebt aangemaakt; je krijgt een nieuw wachtwoord. Het werkt dan voor de browser, WebDAV en SFTP tegelijk.