Welcome to the Webdev Neo.

Le serveur Web

Webdev est le serveur que nous utilisons pour les enseignements de Web :

• Interfaces Web en première année (sous-dossier /r102).
• Le projet COIN en première année (sous-dossier /coin) :
  • Sujet du projet
• Programmation Web en troisième année

Cette page est un tutoriel pour vous expliquer comment mettre en ligne vos sites à l'adresse qui vous est attribuée :

https://webdev.iut-orsay.fr/~logincourt

Logiciels

Les logiciels ci-dessous sont installés sous Windows et Linux, et sont libres : vous pouvez les installer sur votre machine personnelle.

• Ecrire du HTML, CSS, PHP... : un simple éditeur de texte ou un IDE. NotePad++ et vscode sont installés.
• Transférer des fichiers sur le serveur : Filezilla (Page officielle)
• Afficher votre site : Firefox, Chrome...

Version courte : si vous savez déjà utiliser Filezilla

• Protocole : SFTP
• Hôte : webdev.iut-orsay.fr
• Port : 6022
• Type d'authentification : Normale
• Identifiant : votre login court
• Mot de passe : votre mot de passe habituel

Tous les fichiers du site doivent être déposés dans un dossier public_html.

Si l'adresse ci-dessus renvoie une erreur, vérifiez votre login et vérifiez qu'il y a bien des permissions publiques en lecture et exécution sur le dossier (clic droit -> Droits d'accès).

Pour que les visiteurs arrivent sur une page d'accueil, il faut nommer cette page index.html.

Version longue : Paramétrage et utilisation de FileZilla

Résumé du protocole

1. On crée / modifie un fichier en local par l’éditeur de texte ;
2. On le transfère par FileZilla sur le serveur distant ;
3. On l’appelle sur le navigateur par l’url qui lui correspond.

En cas de problème (erreur PHP...) on corrige en local le fichier et on refait le processus. Si vos modifications ne sont pas prises en compte essayez de vider le cache en faisant un "hard refresh" : Ctrl-F5.

Configuration

• 
  On crée un « nouveau site » dans le gestionnaire (premier bouton à gauche de la barre d’outils)
• 
  On donne un nom explicite au « site ». Par exemple, Webdev (FileZilla vous permet de gérer plusieurs sites.)
• 
  Dans l’onglet « Général », définissez les protocole, hôte et port :
• 
  Identification :

  Bien sûr, vous indiquez VOTRE login court, et le mot de passe de votre compte informatique

• 

  Facultatif pour usage régulier : dans l’onglet « Avancé », vous pouvez indiquer comme dossier local l’emplacement de votre projet (sur votre machine) et comme dossier distant le public_html sur le serveur.

  La navigation synchronisée permet de naviguer en parallèle et éviter des erreurs de transferts. Vous pouvez aussi cocher la comparaison de dossier qui permet de voir quels fichiers ne sont pas identiques entre le local et le distant.

Connexion au serveur distant et envoi de fichiers

Sélectionnez à gauche le bon site. La connexion se fait. Votre machine (locale) est à gauche et le serveur (distant) est à droite.

On peut transférer des fichiers dans les deux sens par glisser-déposer, ou double clic, ou clic droit et envoyer (on peut le faire sur un dossier entier)

Adresse des fichiers sur le serveur distant

Un fichier toto.php placé dans public_html/TD1/ex2/toto.php sera accessible par l’url :

https://webdev.iut-orsay.fr/~logincourt/TD1/ex2/toto.php

(notez bien que vous ne devez pas écrire public_html dans l’url)

Consignes ProgWeb (R301)

Organisation locale de vos fichiers

Il est important d’organiser vos fichiers, TD par TD, exercice de TD par exercice de TD. Ainsi, au prix de doublons de fichiers, vous aurez un historique de votre progression.

Le plus simple est de créer, dans votre répertoire Documents, un sous répertoire public_html. En effet, chacun de vous aura aussi sur le serveur distant un répertoire public_html. Alors, autant synchroniser les structures.

Ensuite, dans ce public_html, vous aurez des sous-répertoires TD1, TD2, … Puis dans TD1 vous aurez des sous-répertoires ex1, ex2, … Puis dans ex1 vous aurez des fichiers PHP, idem dans ex2, …