Programmation d applications pour le Web

Transcription

1 Programmation d applications pour le Web Cours 2 ème année ING ISI-Tunis Elaboré par: Hela LIMAM Chapitre 1 Architectures et applications du Web Année universitaire 2011/2012 Semestre 2 1 Plan Internet, Intranet, Extranet et le web dans tout ça? Les protocoles de communication : TCP/IP Les protocoles de service Architecture client-serveur Adressage : IP, URL URL et DNS, URI et URN La documentation hypertexte, les navigateurs Les applications Web, la notion de client universel HTTP : transaction, requêtes, réponses, méthodes, encodages. Proxy 2

2 Internet-Intranet-Extranet 3 Les protocoles Les protocoles de communication : TCP/IP TCP (Transport Control Protocol) : transfert des données (protocole end-to-end) IP (Internet Protocol) : adressage sur Internet(protocole host-to-host) Les protocoles de service : HTTP (HyperText Transfert Protocol) : web FTP (File Transfert Protocol) : fichier Messagerie : courrier électronique Telnet : terminal distant etc 4

3 Architecture Client-Serveur du Web Client Web : "User Agent" : on estime que la majorité des clients ne seront plus des PC mais des équipements de poche (PDA, mobiles ) Serveur Web : un processus qui tourne sur une machine ; en attente des requêtes en provenance des clients Web Clients et serveurs communiquent via TCP/IP Sur le Web, les ressources sont localisées avec des URLs (Uniform Resource Locator) 5 Adressage IP 6

4 URL et DNS 7 URL Tout fichier sur un serveur web quelconque possède un URL unique 8

5 Adressages : URL IP 9 URI, URN, URL 10

6 Types d'uri 11 Support des URI 12

7 La documentation hypertexte Constat: Documents au format spécifique à des applications Pas de technologie de partage Besoin de navigation entre documents Solution: Serveur Web / Client navigateur Langage de description du contenu (HTML) :mise en oeuvre des liens hypertextes Protocole HTTP Dénomination standard des documents (URL) 13 Les navigateurs 14

8 Les navigateurs et les applications 15 Le navigateur, client universel 16

9 Formulaire HTML 17 HyperText Transfert Protocol HTTP Clients et serveurs échangent des informations en utilisant le protocole HTTP (en standard sur le port 80) Après chaque requête la connexion est coupée, le client reçoit un code de retour informant le navigateur sur le succès ou l'échec de la requête 18

10 Transaction HTTP Toute transaction HTTP est constituée : d'une ligne indiquant s'il s'agit d'une requête ou d'une réponse d'une section d'en-tête du contenu de la transaction 19 Transaction HTTP HTTP 1.0 : le serveur déconnecte le client,sauf s'il reçoit une directive Connexion: Keep Alive HTTP 1.1 : le serveur maintient la connexion par défaut (permet de transmettre plusieurs fichiers : html, images, etc) HTTP ne retient aucune information des précédentes requêtes ; le serveur peut alors gérer de nombreuses connexions différentes 20

11 Requête HTTP 21 Réponse HTTP 22

12 Méthodes HTTP Obtention d'un document et soumission d'un formulaire GET : la méthode GET est utilisée pour accéder à un document localisé par une URL. Le résultat peut être un fichier, la sortie d'un programme La méthode GET permet aussi de passer des paramètres à l URL. POST : la méthode POST permet d'envoyer des données au serveur dans la requête. A la différence de la méthode GET, les données sont envoyées dans le corps (après les en-têtes) de la requête et non avec l'url. 23 Méthodes HTTP Gestion de proxy/cache HEAD : la méthode fonctionne comme GET sauf qu'elle demande au serveur de ne renvoyer que les entêtes de la réponse et pas les données requises. L'utilité peut être de récupérer uniquement des informations sur le document et non le document (date de dernière modification, taille, type ). 24

13 Méthodes HTTP Emission d'un document et gestion de site LINK : ajoute des meta-informations à l'objet indiqué, sous la forme d'une relation entre lui et d'autres objets. UNLINK : édite les meta-informations de l'objet indiqué pour enlever certains liens existants. PUT : demande au serveur de placer le document envoyé à l'adresse indiquée DELETE : demande au serveur de supprimer le document situé à l'adresse indiquée Autres OPTIONS : demande d'informations sur le serveur TRACE : demande de renvoyer le corps de la requête intacte, utile pour le débogage. Extensions WEBDAV PROPFIND, PROPPATCH, MKCOL, COPY, MOVE, LOCK, UNLOCK 25 Encodage des données Les formulaires HTML permettent d'envoyer des données au serveur par GET ou POST. Les requêtes POST devraient être accompagnées d'un en-tête Content-type décrivant le format du corps du message du client. Le format le plus répandu avec POST est le format URL-encoded (encodage des URLs) Les données sont transformées en liste de variables et de valeur. 26

14 Encodage des données 27 Encodage des données 28

15 HTTP dans HTML 29 Proxy Relais : le rôle de relais du serveur proxy peut être assuré par les passerelles et les routeurs. Cache : sert de cache pour les données statiques : réduit l'utilisation de la bande passante et le temps d'accès aux données Filtrage : il est possible d'assurer un suivi des connexions (logging ou tracking) via la constitution de journaux d'activité. Il est ainsi possible de filtrer les connexions à internet en analysant d'une part les requêtes des clients, d'autre part les réponses des serveurs. liste blanche liste noire 30 filtrage de contenu

16 Reverse-proxy Le reverse-proxy sert ainsi de relais pour les utilisateurs d'internet souhaitant accéder à un site web interne en lui transmettant indirectement les requêtes. Grâce au reverse-proxy, le serveur web est protégé des attaques directes de l'extérieur, ce qui renforce la sécurité du réseau interne. 31 Reverse-proxy D'autre part, la fonction de cache du reverse-proxy peut permettre de soulager la charge du serveur pour lequel il est prévu, c'est la raison pour laquelle un tel serveur est parfois appelé "accélérateur" (server accelerator). Enfin, grâce à des algorithmes perfectionnés, le reverse-proxy peut servir à répartir la charge en redirigeant les requêtes vers différents serveurs équivalents; on parle alors de "répartition de charge" (load balancing). 32

17 Les traitements sur le serveur 33