Daylit

Guide

Mettre des fichiers sur votre site : WinSCP, VS Code, FileZilla

Comment mettre des fichiers sur votre site Daylit, avec le programme de votre choix. Remplacez partout name par le nom de votre site (indiqué dans l'e-mail de bienvenue). Votre nom d'utilisateur est ce nom ; le mot de passe figure dans l'e-mail de bienvenue sous FILES.

Quelle méthode ?

Les paramètres sont toujours les mêmes :

WinSCP

  1. Téléchargez WinSCP sur winscp.net et installez-le.
  2. Choisissez New Site (Nouveau site) et remplissez : protocole de fichier SFTP, nom d'hôte sftp.ondaylit.nl, port 22, votre nom d'utilisateur et votre mot de passe. Cliquez sur Save (Enregistrer) puis sur Login (Connexion).
  3. La première fois, WinSCP vous demande si vous faites confiance au serveur : choisissez Yes (Oui).
  4. Vos propres fichiers sont à gauche, votre site à droite. Faites glisser des fichiers ou des dossiers vers la droite.
  5. Synchronisation automatique : ouvrez à gauche le dossier de votre projet et choisissez Commands → Keep Remote Directory up to Date (Ctrl+U). Chaque modification dans ce dossier est en ligne en quelques secondes.
  6. Modifier dans VS Code : allez dans Options → Preferences → Editors → Add, choisissez External editor et sélectionnez Code.exe. Double-cliquez sur un fichier dans WinSCP et il s'ouvre dans VS Code ; Ctrl+S le renvoie sur votre site.

SFTP ne fonctionne pas sur votre réseau (certaines écoles bloquent le port 22) ? Choisissez alors le protocole de fichier WebDAV, le chiffrement TLS/SSL Implicit, le nom d'hôte name-files.ondaylit.nl et le port 443.

Visual Studio Code avec l'extension SFTP

  1. Installez dans VS Code l'extension SFTP de Natizyskunk (Extensions, recherchez « sftp »).
  2. Ouvrez le dossier de votre projet (File → Open Folder).
  3. Dans ce dossier, créez un dossier .vscode contenant un fichier sftp.json avec ceci (l'e-mail de bienvenue vous le donne déjà rempli) : 
    {
    "name": "name.ondaylit.nl",
    "host": "sftp.ondaylit.nl",
    "protocol": "sftp",
    "port": 22,
    "username": "name",
    "remotePath": "/",
    "uploadOnSave": true
}
  4. Faites un clic droit sur le dossier de votre projet et choisissez Sync Local → Remote pour tout mettre en ligne d'un coup. L'extension vous demande votre mot de passe la première fois.
  5. Ensuite, chaque modification est en ligne dès que vous enregistrez.

Ne mettez pas votre mot de passe dans sftp.json, surtout si vous publiez votre projet sur GitHub.

Visual Studio Code avec ftp-simple

  1. Installez l'extension ftp-simple de humy2833.
  2. Appuyez sur F1 (ou Ctrl+Shift+P) et choisissez ftp-simple: Config - FTP connection setting. Un fichier de paramètres s'ouvre ; mettez-y ceci : 
    [
    {
        "name": "name.ondaylit.nl",
        "host": "sftp.ondaylit.nl",
        "port": 22,
        "type": "sftp",
        "username": "name",
        "password": "votre mot de passe",
        "path": "/",
        "autosave": true,
        "confirm": false
    }
]
  3. Enregistrez. Avec F1 → ftp-simple: Remote directory open to workspace, vous ouvrez votre site comme un dossier dans VS Code, et chaque enregistrement est en ligne aussitôt. Avec ftp-simple: Save, vous mettez un dossier ou un fichier local sur votre site.

ftp-simple conserve le mot de passe dans vos propres paramètres VS Code, pas dans votre projet.

Vous avez déjà une connexion SFTP pour l'école ?

ftp-simple peut garder plusieurs connexions. Ajoutez votre site Daylit comme second bloc dans la même liste, avec une virgule entre les deux. Votre connexion d'école continue de fonctionner :

[
    {
        "name": "mon site d'école",
        "host": "server.of-your-school.nl",
        "port": 22,
        "type": "sftp",
        "username": "votre nom d'utilisateur de l'école",
        "password": "votre mot de passe de l'école",
        "path": "/",
        "autosave": true,
        "confirm": true
    },
    {
        "name": "name.ondaylit.nl",
        "host": "sftp.ondaylit.nl",
        "port": 22,
        "type": "sftp",
        "username": "name",
        "password": "votre mot de passe Daylit",
        "path": "/",
        "autosave": true,
        "confirm": true
    }
]

Avec F1 → ftp-simple: Remote directory open to workspace et ftp-simple: Save, vous choisissez alors à chaque fois vers quel site les fichiers partent. Ainsi, vous utilisez le même projet pour l'école et pour votre propre site.

FileZilla

  1. Téléchargez FileZilla Client sur filezilla-project.org.
  2. Remplissez en haut : hôte sftp://sftp.ondaylit.nl, nom d'utilisateur, mot de passe, port 22, puis cliquez sur Quickconnect (Connexion rapide).
  3. Faites glisser des fichiers ou des dossiers de la gauche (votre ordinateur) vers la droite (votre site).

Dans le navigateur

  1. Allez sur https://name-files.ondaylit.nl et connectez-vous.
  2. Faites glisser des fichiers ou un dossier entier dans la fenêtre. C'est fait.

Questions fréquentes

Où dois-je mettre mon index.html ?

Directement dans le dossier principal de votre site (le dossier que vous voyez dès que vous êtes connecté). Cette page s'affiche sur https://name.ondaylit.nl.

Je n'arrive pas à me connecter en SFTP à l'école.

Certains réseaux bloquent le port 22. Utilisez plutôt WebDAV sur le port 443 (WinSCP, ou le navigateur) ; cela fonctionne partout où les sites web fonctionnent.

J'ai perdu mon mot de passe.

Écrivez-nous depuis l'adresse avec laquelle vous avez créé votre site et vous recevrez un nouveau mot de passe. Il fonctionne alors immédiatement pour le navigateur, WebDAV et SFTP.