Architecture(s) et application(s) Web. CSC Applications Web en PHP 03/10/2017

Dimension: px

Commencer à balayer dès la page:

Download "Architecture(s) et application(s) Web. CSC Applications Web en PHP 03/10/2017"

Hervé Beauregard
il y a 6 ans
Total affichages :

1 Architecture(s) et application(s) Web CSC Applications Web en PHP 03/10/2017 1

2 M 3 : PHP, framework Silex 2

3 1. Applications Web 3

4 Applications pour l utilisateur Utiliser les technologies du Web pour faire fonctionner des applications affichées dans un navigateur. Par extension, utiliser les mêmes technologies (HTML, JS) sur d autres plate-formes (écran mobile, ) 4

5 Services Web Utiliser HTTP pour faire interagir différents programmes, sans navigateur Web : programme client programme serveur Services Web, APIs (Application Programming Interfaces) Problème : HTTP est vraiment de très bas niveau, donc il faut ajouter pas mal de standardisation pardessus, ou que les concepteurs des programmes des deux côtés se concertent. 5

6 Principes REST REpresentational State Transfer : passer de documents hypertextes à des applications Web dans la Thèse de Roy Fielding en 2000 : HTTP 1.1 pour des applications (APIs) Verbes/méthodes : GET, POST + PUT ou PATCH, DELETE, OPTIONS Codes de retour HTTP Pas de session? The six constraints of the architectural style of REST (voir dessous) 6

7 6 contraintes architecture REST 1. Client-serveur 2. Serveur sans mémoire de l état du client (stateless) 3. Cache (client) 4. Système à plusieurs couches 5. Code sur le client on-demand (optionnel) 6. Contrainte d interface uniforme 1. Indentifiants de ressources, 2. Représentations des ressources, 3. Messages auto-descriptifs, 4. HATEOAS : Hypermedia As The Engine Of Application State 7

8 2. Développer des applis Web 8

9 Rappel : Où en sommes-nous 9

10 Point de vue? Intéressons-nous à l humain : l utilisateur mais aussi ce lui lle qui développe 10

11 Défis Beaucoup de choses à faire Comprendre HTTP (requêtes) Programmer (la logique métier) dans un langage de haut niveau Comment produire des pages Web comme interface de l application Productivité Maintenabilité Qualité de l expérience utilisateur Performances Sécurité 11

12 Méthode Ne pas réinventer la roue Plate-forme / framework de développement (Web) Langage(s) Outils Orienté Objet? Patrons de conception Tests Aide de spécialistes (web design, performances, sécu, ) 12

13 Choix du langage Fonctionnalités, plate-forme, frameworks Statut juridique Durabilité Popularité Culture Des goûts et des couleurs! 13

14 3. Technologie PHP 14

15 PHP Langage interprété Logiciel libre Versions : 5.x ou 7? Bibliothèques Langage «Tierces» 15

16 Langage «PHP: Hypertext Preprocessor» Syntaxe style C / Java Objets Interprété Héritage contexte Web, CGI Depuis 1994 (PHP 7 depuis 2016) 16

17 Hello world <html> <head> <title>test PHP</title> </head> <body> <?php echo '<p>bonjour le monde</p>';?> </body> </html> 17

18 PHP inline Mélanger la présentation et le code c est mal : maintenable? On verra comment faire autrement dans la prochaine séance. 18

19 Syntaxe vous venez de travailler dessus en hors-présentiel 19

20 La documentation Le site de PHP : La documentation : 20

21 Distribution PHP Interpréteur pour ligne de commande $ php helloworld.php Interpréteur pour Web (invoqué par le serveur HTTP) Bibliothèques standard 21

22 PEAR / Composer Écosystème de bibliothèques, composants, frameworks PEAR : PHP Extension and Application Repository Composer : gestionnaire de dépendances, autoloader 22

https://packagist.org/ Packages registered 155.

23 Composer Packagist : référentiel en ligne de packages Packages registered Versions available Packages installed (since ) 23

24 composer.json Description d un projet PHP { } "require" : { "silex/silex" : "^1.3", "twig/twig" : "^1.33" }, "name" : "Appli todolist TP 2" 24

25 Installation $ composer install ou $ php composer.phar install Le résultat est téléchargé dans vendor/ 25

26 Accès aux bibliothèques Autoload index.php require DIR. '/vendor/autoload.php';... $app = new Silex\Application(); charge automatiquement : namespace Silex;... class Application extends... vendor/silex/silex/src/silex/application.php 26

27 Tester / déployer 27

28 Tester Langage interprété Fonctionnalités environnement de développement / tests de Silex/Symfony Tests sur serveur Web local, en direct, en rechargement automatique des fichiers modifiés php -S localhost:8000 Base de données locale (SQLite) 28

29 Déployer Déployer les fichiers de l application Configurer (sécurité : accès direct aux mdp de connexion, etc.) Exécution dans mod-php dans Apache par exemple SGBDR (PostgreSQL) Test de performances, optimisations (pre-fork des threads, etc.) 29

30 Invocation des programmes PHP 30

31 Contexte d invocation Données transmises au serveur Web via la requête HTTP URL Arguments (URL-encoded) En-têtes Cookies Données contenu (payload) de la requête (ex. données de formulaires pour un POST) 31

32 Le choix du programme à invoquer est déterminé par une combinaison d éléments (a minima via le chemin dans l URL) La configuration du serveur détermine les règles à appliquer 32

33 Le serveur Web peut filtrer les données reçues dans la requête Il invoque un «processus» ou l exécution d une fonction sur l API d un module Il transmet les données au programme arguments d un processus (CGI) variables d environnement (CGI) paramètres des fonctions des APIs, ou variables du langage de programmation (module intégré) 33

34 Résultats d exécution Résultat d un programme (POSIX) Code de retour système (exécution d un processus) : 0 ou!= 0 Sortie standard du programme Erreur standard? 34

35 Conversion en réponse HTTP Code de retour -> Code de statut 0 200!= 0 5xx 35

36 Sorties Standard (stdout) telle-quelle dans réponse HTTP : attention au format Headers : succès, échecs, redirections, Cookies : sessions Ligne vide Contenu du document : HTML Autres formats (APIs : JSON, ) Erreur standard (stderr) : dans les logs du serveur? 36

37 Mise au point Astuces «débug» sur sortie standard echo / print( ) : basique, pourvu qu il y ait une sérialisation en chaîne de caractères print_r( ) : affichage formaté echo '<pre>'; print_r($data); echo '</pre>'; var_dump( ) : très détaillé attention aux récursions 37

38 PHP moderne 38

39 PHP aujourd hui Contexte : Framework comme Silex ou Symfony orienté objet fonctionnel injection de dépendances, conteneurs templates PHPDoc tests 39

40 Compléments utiles pour les TPs 40

41 $app->get('/hello/{name}', function ($name) { return 'Hello '. $name; } ); Fonctions anonymes plus ou moins équivalent à quelque chose comme : function say_hello ($name) { return 'Hello '. $name; } $app->get('/hello/{name}',...<< say_hello >>... ); 41

42 Héritage des variables depuis l espace de noms englobant Utilisation de use(... ) : $app = new Silex\Application(); $app->get('/hello/{name}', function ($name) use ($app) { return 'Hello '. $app->escape($name); } ); 42

43 Docblocks PHPDoc Documentation API Commentaires améliorés Utilité dans l IDE /** * Classe "Circuit" du Modèle */ class Circuit {... /** * Set description * string $description * Circuit */ public function setdescription($description) {... 43

44 Annotations Docblocks + programmation réflexive (introspection) «décore» le code avec des propriétés utiles Exemple : contraintes sur validité, stockage class Person { /** string => 'Full Name') */ public $name; /** string => 'Street Address') */ public $address; 44

45 Tests PHPUnit langage interprété tests unitaires : PHPUnit tests, tests, tests 45

46 Cadriciels PHP étudiés 46

47 Silex micro-framework PHP contrôleurs, injection de dépendances compact intègre nombreuses bibliothèques Symfony Créé par SensioLabs 47

48 Framework de référence Assemblage de beaucoup de bibliothèques Modèle de composants objet évolué Documentation Communauté Environnement de mise au point 48

49 Une licorne française «SensioLabs, une des plus belles réussites françaises du web» #HistoiresdeFrance, chapitre 21 49

50 Ailleurs Autres frameworks : PHP Laravel, CodeIgniter, CakePHP, Zend, Ruby Ruby on Rails, Sinatra, Node.js Meteor, Express.js, Python Django, Flask, Java Spring, Struts, 50

51 Take away Invocation des programmes en réponse aux requêtes HTTP PHP est un langage moderne Utiliser des frameworks pour mieux développer 51

52 Ensuite 52

53 Tout de suite, séance TP n 3 De «PHP à la main» à «Coder avec un framework» Silex 53

54 Hors-présentiel d ici au prochain cours 3 h à caser dans la semaine 54

55 Q / R 55

56 Postface 56

57 Crédits illustrations et vidéos logo elephpant par Vincent Pontier - source : _Elephpant.svg logo PHP - source : logo Composer par WizardCat - source : logo Silex SensioLabs Symfony est une marque déposée propriété de Fabien Potencier. logo Symfony marque déposée de SensioLabs logo SensioLabs propriété de SensioLabs vidéo #HistoiresdeFrance - source : Chaîne officielle du Gouvernement français Service d information du Gouvernement sur dailymotion 57

Documents pareils

les techniques d'extraction, les formulaires et intégration dans un site WEB

les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents