(05108/2028 16:12 Cours 1 Inteduction au Web dynamique Cours | Introduction au Web dynamique t«.sieain# |. Présentation du cours Object du cous 1 Aopen fe es ges yeiges se PHP MS course TP enone 1+ se we hp.tomankvetongtubio4O-Deveoppamentved fataton + pott0% ramen det rt 30% Prone 50% fe excour A te poe MP ser cde vole SAL 1 Paco BD! Le peo Per cll de cones 2. Emploi du temps prévisionnel 1 Mar septa 2072 - Cou trodtion 3 FP ler lc de Ts ses de PHP = Soman di 5 sperms 2022 1D = notion sk bes iP 2 Serine du setembe 2020 TD ta peraance dx donate A 5 Semaine nd 9 septemre 2022 = TD} _Rngtes repre et wacton de cas 5 Semin dnd} octet 2022-TO5- Wattature MC wancee 2 Sane din Otte 2023-TD 6 wehactre MVE sone 2 2bme bloc de TOs - Mise en appa srle projet + TDs complements {Serine nd? aot 2022 fin ci T 6 - Acitetue MVC avant 22g vetleet poet) 2 Sci an 24 cic 2002 Pacous Asean 32 AOL mes prcous tb DY Sean oot 5 Semin du nd? nove 2022-TD 7 = Coie &Sesiors Stic dnd nove 3073 TD 8 Aahetaloe& sda par el 5 Semaine nd 2 novembre 2072 = SAL ro fate 1 Semin nd? ser 202 fton SAE 0 Poet 2 Sem dan 9 freer 2073 uere al Plan du cours 5 ramet ds dommes ue page Wed Le fonctionnement du World Wide Web 4,Client / Serveur + Le clon. Cot evita dun te Web cand age Wet asec pret, ou tes des certs qn ore se We Ps rockrae ces wre nape Web ion, Coors Sa fg, x oon car et eu comanc age We Requéte : demande index.htm Réponse : renvoie index.html CLIENT. SERVEUR, Lec ft une equ a sre pon en donna pape Wb 5. Protocole de communication : HTTP AT ¢aperin enrran o prtaaecmmuntan ecl t ne pare W ee c prc Acuol resemble une requtte HTTP? ‘omainlebreton github jofR3.01-DeveloppementWebiclassesiciasst Nim 19(05108/2028 16:12 Cours 1 Inteduction au Web dynamique La requte HTP ln pos caus b rqutte de méthode CET Pir eee pour domander Is page Wee hip/romsintongneio ROI Deveoppementeh dase ‘TR aL opener e/a Ta aT TPS 6. Protocole de communication : Réponse HTTP HIP 28 OC sjhene index.html HTTP/1.1 268 OK CLIENT SERVEUR (e.g. Firefox) (e.g. Apache) {Ques pase quand on que sur in en pete <>? ‘quer suru en fa pares que demancer ue page Web parla bore adres, cela ena une eqs HTP 8 Ecoutons le réseau Regn communications HTTP quand + on can 1 ip romanketonglhhio/R.0.Devloppement We case nt + onetguesariten Fitromankvetongthabio®3 O-Deelopementweb/ dasa Mt ‘9. Quest-ce quun serveur HTTP ? Un srveu HTP un gil ui 6p es equates HITE Mestsoeent acca prt 80 dela mace he Quelgues exemple de serveus HTTP? 1+ Apache HT Serer sre tong apt 99) che Ton ara ‘Aether rchton pour fv ED ‘Ns srr ps lle ov nce dept 200, Ts perma Is taret nornsion Sere Micron 1 Nose cod en assert En petique les es Trou ern lesa HTP Apache de LT (bn) nous vous eon tl es see TPs ex ates estab, Resim 1 Unsere We = un eveur HTTP ‘omainlebreton github jofR3.01-DeveloppementWebiclassesiciasst Nimosio8r2023 16:12 Cours 1 Intraduction au Web dynamique 10, Comment déposer une page Web sur le serveur HTTP de TUT ? lt de depeur vox Sete: HIMI/CSVIP dot ie aie eet prae poronrl Comment ga marche? end os seman page ‘tp een emote nsx [Cater TT phe eT eerie cer Prone/onairLetapoblie.net inden Ha tema page Inia eta ap ‘ranean lero ic en iage/topvere. 305 Pages Web statiques ou dynamiques IL. Difrence entre page statique/dynamique + tora ster ‘Sure iqeeer aie de HIMLCSS Tepes tgs sont dnc en ass pour re er ls es ag prot HTML/CSS tr re) 5 CLIENT SERVEUR (e.g. Firefox) (e.g. Apache) GET /index.html HTTP/1.1 index.html HTTP/1.1 208 OK + tesa paige et conten change en orton dcr Des exemple? Isurlsen dates enenoes te ue PHF pour needy HTML et CS 1 pupa: sites Web eve ou star so oranges Fonction typiques de tes dynamique: 12, Mécanisme de génération des pages dynamiques 1/2 Raped [helen derande au sever 3 oF ue page Web fete HTT? {Lie sevwur pond an a evan page else heute HIT. GET /index.html HTTP/1.1 HTTP/1.1 268 OK CLIENT SERVEUR (e.g. Firefox) (e.g. Apache) 1B, Mécanisme de génération des pages dynamiques 2/2 let crane au eur aor ue page Web rotie HITE {ie seneur ie page tire pou Te ce ‘Dans notre co ke seer va eneatern sept HP ‘.leseneurripnd au clr en a ernoyar page qu ent eater ponte HTTP, ‘omainlebreton github jofR3.01-DeveloppementWebiclassesiciasst Nim(05108/2028 16:12 Cours 1 Inteduction au Web dynamique 2. Génération de la page Web app.php Serveur d/authentificatic 1. GET pace see php HTTP/1.1 _— sabe de donnée Srineataro oe HTTP/1.1 200 OK | Die de ~~ ‘Template HTML document HTML, scripting généré i - SERVEUR (e.g. AMP : Apache + PHP + MySQL 14 Le langage de création de pages Web : PHP Lee de MAP CPAP Hperten Prgracesa” ater de nde cde HTML ‘Cst un ngage qu seus es err compreret et qu amet de ence ylre st dais Aeron: cents raoaters sont incapable ecomprendre code PHP: ne commas quo le IML ete SS, 15. Les concurrents de PHP ‘+ ASPNET: cong pr Mout expla amen RET C8 1 fay: ate anew yn a por nema 1 Ina fewer kara Sone ape arcane Sener Pages Prticrement tne dae mane tenons. + Python romewerk nga Fas, 1 frosnpt ous at Saveur ec avec Nodes Leal ete melleur out Spon de vos conmaancet n prosranimiton pu veus aide ‘cst un langage face 2 srl pou es tutarts comme pour lee potesioans Wipes, Tut et Fcebo. coldFusion 10.3% Pert 0.196 Erlang }0.1% ‘Parcriagos owcbaies ung vanous save’ Se programming angiege6| ‘omainlebreton github jofR3.01-DeveloppementWebiclassesiciasst Nim 49(05108/2028 16:12 Cours 1 Inteduction au Web dynamique Un premier apercu de PHP 16. PHP comme langage de génération de pages Web vane serve cdr des documents HTML 5 Nectar sa ae contin aces gue tt "comme un pograrme era ss tle tnd Remarqes + pe ngage de proaraneation as me tte cue aa yon. 1 Ninposte ganas pes ate ane page HTML en sctie {esc rate pu ere ds pages Wed pa stan ks ontons qu propose 17. Votre premier fichier PHP pation + lox nm de srl commencen pan HP ‘saremert cee dana sare tang) Demonstation atc lage de commande ep 18, Comment générer la page HTML suivante ? “SRENFE Fe Suite Hon prerser ate tition etal 8.0 Hon prenser ate hese S Smappeintnoes 19. Imbrication de PHP dans le HTML Heareasernt PP rope une state ps ie + On oure tp /webino/-opal ano pour vali page ged Note: Aten codescurce dee page HTML pour retour la sore carpe spt ‘onan an formulae de méthode CET Dans une ratte HTT de mathe POST, on ant evant un fom de mite POST 35. Les query strings dans FURL Une UR Untorm Recice Leta st epee une ene sre Web + Une Unt simple ‘omainlebreton github jofR3.01-DeveloppementWebiclassesiciasst Nim(05108/2028 16:12 Cours 1 Inteduction au Web dynamique fees de domaine lancre (optionne!) ttp:| /romainlebreton.github. Pe come hhtmil#tcomment-taire- IProtocole Ichemin absolu 10m de fichier 1+ Ue Unt avec gery song cae de equate URL Parameter Name Property Value ‘ +4 http://www.site.com/page.htm!?parameter=value1 ¶meter2=value2 tit Query String Begin Equal Sign Query String Sep Sources; tnd ds URL We 26, Récupérer des données GET en PHP PP capable de Saprere dones se aes Us Pv automatgemon repre ble eo $67 silt emations ones drs tytn. benple (Quand un Sant sere beaut. pipPorrhssinkarenr fare + orp abla 56ET vec Ter a: + pasa exces srg onscurGet. 27. Exemple de transmission avec la méthode GET etre page avec une contenant det format ant son query rg Wat onjeorGe pT oar ASinap name> tse: tenor? Dima oor ‘Quand on tae sur ee, et ery sa page enue. ip sant _petonfair Spe esto 6A proven Ie suv sexgutr pour ere page Wed “etonfoar Rare TS Eni ara epi tbo 5.7 ave ST, Pe STE vant de cere sep bor or cet 28, Les formulaires de méthode GET Conse ormitce skint spoon ue ftir a ape Faden Sit peau te = stew ‘omainlebreton github jofR3.01-DeveloppementWebiclassesiciasst Nim 719(05108/2028 16:12 Cours 1 Inteduction au Web dynamique charge a page erattenent. pip hap ation dormir) { trnmet es tormstiony dn egy srg. 2 donee aur serch A easter pptnan_ vrata 5a page eattenent pp saat eget avec a aleas S.eEr = Cen ears > Mabonee'T (pe deena temnar eet Sp ene CET Nee TE BHI “ta page gine pe trastanant eet Pourquoi la méthode du formulaire sappelle “GET ? Pare qe thos", forma eve ergs HTTP de méthode GET. Enel esque Fr aie le formulae lenavgateu et HTTP emo a reqtte HTTP de ype GET aarte sarsaleor AAPA (cust. ete mane Fon demande ie page We grioment Remar Les orate CET tr donc ams. dre ars te uot Envoi de données via la méthode POST 30. Les formulaires POST Latte forded ato 22 Onin es soe ne fata PAP. 957 ample (und on ie sur der PHP it RSs Cama = alr] ute ova exter a page easterest po santo SUG deme Feavar oe Sp ew LPT ALT PS ut ener pour eer page We 3i. Les requétes HTTP de type POST Nous wopons ie deste type deequte HTTP escort les rquttes HTTP de type POSE PST renee Pe ATPFCT Lapse das eet HT dn cong ce requ en de ene 2 Lense te cops dela requ sot spaces par neon vie 5. comps de a ret HTT sce 8 err sorts, ya donc ps de query dans ‘omainlebreton github jofR3.01-DeveloppementWebiclassesiciasst Nim(05108/2028 16:12 Cours 1 Inteduction au Web dynamique mansion ane out Rea 32. Avantages et inconvénients des deux méthodes + amos CET 1 sept bln un te on Seloperent car on peut asement contre ot ales as eas emu + es tc de ern fan <> verse page tant un ome en hod CET et dy emp des nb ve uy sing + Lame POST 1 ot pls rope carer tpl fiche lan are ake agate «= tenon ‘einai ne sont pas wament cache pr ava. Sources Sours + Open Claeou = Contes vote se web av PP MYSQ 1 Documentation oct ge Pa 33. Bonus : Emuler un client HTTP textue! xpérence amuse ‘Memes fe ent HTTP eps conn st yotre naigatet tt face de seer un cnt HTTP autre La conmance tne pert Semoyer dy exte 3 Unemachine dance ersoyant text Cine ee HP an weer HTP, cel nut eae rp HTP nomen GET Jan. et-deveiepvener te asses/ Cone Meer 14 hee HPA. 2 rows repand HPA we OF coene-yper tee/benls barsetsnéot -IOCCTFE ents “homeo were» Fats de me nc arog POST pecan ‘omainlebreton github jofR3.01-DeveloppementWebiclassesiciasst Nim