PHP & PHP Framework

Sommaire

Sommaire

1. Les bases du web

Sommaire

1. Les bases du web

2. Introduction rapide au PHP

Sommaire

1. Les bases du web

3. Programmation Orientée Objet (POO)

2. Introduction rapide au PHP

Sommaire

1. Les bases du web

3. Programmation Orientée Objet (POO)

2. Introduction rapide au PHP

4. Le Framework Symfony 2

Sommaire

1. Les bases du web

3. Programmation Orientée Objet (POO)

2. Introduction rapide au PHP

4. Le Framework Symfony 2

5. La sécurité sur le web

Sommaire

1. Les bases du web

3. Programmation Orientée Objet (POO)

2. Introduction rapide au PHP

4. Le Framework Symfony 2

5. La sécurité sur le web

6. Projet de groupe : Créez votre framework

1. Les bases du web

Deux types de besoins

Deux types de besoins

Information figéeBesoin

Deux types de besoins

Information figéeBesoin

Un site internet statiqueSolution

Deux types de besoins

Information figéeBesoin

Un site internet statiqueSolution

Technologie HTML, CSS, Javascript

Deux types de besoins

Une page dont le contenu peut changerInformation figéeBesoin

Un site internet statiqueSolution

Technologie HTML, CSS, Javascript

Deux types de besoins

Une page dont le contenu peut changer

Un site internet dynamique

Information figéeBesoin

Un site internet statiqueSolution

Technologie HTML, CSS, Javascript

Deux types de besoins

Une page dont le contenu peut changer

Un site internet dynamique

Information figéeBesoin

Un site internet statiqueSolution

Technologie HTML, CSS, Javascript HTML, CSS, Javascript, langage serveur, base de données…

1.1 Comment se déroule une requête ?

Comment se passe une requête sur le web ?

Client Serveur

Comment se passe une requête sur le web ?

Client Serveur

Nom de domaine facebook.com

Comment se passe une requête sur le web ?

Requête une page

Client Serveur

Comment se passe une requête sur le web ?

Requête une page

Répond le contenu de la page

Client Serveur

Comment se passe une requête sur le web ?

Client Serveur

Comment se passe une requête sur le web ?

Client Serveur

Connexion TCP

Comment se passe une requête sur le web ?

Client Serveur

Connexion TCP

Protocole HTTP

Qu’est ce que le protocole HTTP ?

http://monsite.com/pass.php?search=a

Une syntaxe commune permettant à un client et un serveur de communiquer.

Qu’est ce que le protocole HTTP ?

http://monsite.com/pass.php?search=a

Une syntaxe commune permettant à un client et un serveur de communiquer.

GET /pass.php/?search=a HTTP/1.1

Host: 94.128.126.14

User-Agent: Mozilla/5.0 (Windows NT 6.1)Firefox/18.0

Referer: http://monsite.com/pass.php

Connection: keep-alive

Content-Type: application/x-www-form-urlencoded

Content-Length: 30

Qu’est ce que le protocole HTTP ?

http://monsite.com/pass.php?search=a

Une syntaxe commune permettant à un client et un serveur de communiquer.

GET /pass.php/?search=a HTTP/1.1

Host: 94.128.126.14

User-Agent: Mozilla/5.0 (Windows NT 6.1)Firefox/18.0

Referer: http://monsite.com/pass.php

Connection: keep-alive

Content-Type: application/x-www-form-urlencoded

Content-Length: 30

Qu’est ce que le protocole HTTP ?

http://monsite.com/pass.php?search=a

Type de requête

Une syntaxe commune permettant à un client et un serveur de communiquer.

GET /pass.php/?search=a HTTP/1.1

Host: 94.128.126.14

User-Agent: Mozilla/5.0 (Windows NT 6.1)Firefox/18.0

Referer: http://monsite.com/pass.php

Connection: keep-alive

Content-Type: application/x-www-form-urlencoded

Content-Length: 30

Qu’est ce que le protocole HTTP ?

IP client

http://monsite.com/pass.php?search=a

Type de requête

Une syntaxe commune permettant à un client et un serveur de communiquer.

GET /pass.php/?search=a HTTP/1.1

Host: 94.128.126.14

User-Agent: Mozilla/5.0 (Windows NT 6.1)Firefox/18.0

Referer: http://monsite.com/pass.php

Connection: keep-alive

Content-Type: application/x-www-form-urlencoded

Content-Length: 30

Qu’est ce que le protocole HTTP ?

IP client

Navigateur client

http://monsite.com/pass.php?search=a

Type de requête

Une syntaxe commune permettant à un client et un serveur de communiquer.

GET /pass.php/?search=a HTTP/1.1

Host: 94.128.126.14

User-Agent: Mozilla/5.0 (Windows NT 6.1)Firefox/18.0

Referer: http://monsite.com/pass.php

Connection: keep-alive

Content-Type: application/x-www-form-urlencoded

Content-Length: 30

Qu’est ce que le protocole HTTP ?

IP client

Navigateur client

Page précédente(courante)

http://monsite.com/pass.php?search=a

Type de requête

Une syntaxe commune permettant à un client et un serveur de communiquer.

GET /pass.php/?search=a HTTP/1.1

Host: 94.128.126.14

User-Agent: Mozilla/5.0 (Windows NT 6.1)Firefox/18.0

Referer: http://monsite.com/pass.php

Connection: keep-alive

Content-Type: application/x-www-form-urlencoded

Content-Length: 30

Qu’est ce que le protocole HTTP ?

IP client

Navigateur client

Page précédente(courante)

Conserver connection

http://monsite.com/pass.php?search=a

Type de requête

GET /pass.php/?search=a HTTP/1.1

Host: 94.128.126.14

User-Agent: Mozilla/5.0 (Windows NT 6.1)Firefox/18.0

Referer: http://monsite.com/pass.php

Connection: keep-alive

Content-Type: application/x-www-form-urlencoded

Content-Length: 30

Qu’est ce que le protocole HTTP ?

IP client

Navigateur client

Page précédente(courante)

Conserver connection

http://monsite.com/pass.php?search=a

Type de requête

Qu’est ce que le protocole HTTP ?

http://monsite.com/pass.php?search=a

Sans keep alive Nouvelle connection TCP à chaque requête

Avec keep alive On conserve la connexion TCP entre les différentes requêtes d’un même navigateur

Deux types de requêtes HTTP

GET

POST

Requête une page avec des paramètres dans l’url

http:// bing.fr /search ?search=protocoleParamètres GETPageDomaineProtocole

Requête une page avec des paramètres dans le body HTTP

http:// bing.fr /connectPageDomaineProtocole

Qu’est ce que le protocole HTTP ?

Génération de la page

Qu’est ce que le protocole HTTP ?

Génération de la page

HTTP/1.1 200 OK

Content-Type: text/html; charset=ISO-8859-1 Connection: close

<!doctype html><html itemscope="" itemtype=«  http://schema.org/WebPage" lang=« fr"><head> <meta content="/images/

Qu’est ce que le protocole HTTP ?

HTTP/1.1 200 OK

Content-Type: text/html; charset=ISO-8859-1 Connection: close

<!doctype html><html itemscope="" itemtype=«  http://schema.org/WebPage" lang=« fr"><head> <meta content="/images/

Qu’est ce que le protocole HTTP ?

Code status

HTTP/1.1 200 OK

Content-Type: text/html; charset=ISO-8859-1 Connection: close

<!doctype html><html itemscope="" itemtype=«  http://schema.org/WebPage" lang=« fr"><head> <meta content="/images/

Qu’est ce que le protocole HTTP ?

Encodage des pages(ISO, UTF-8…)

Code status

HTTP/1.1 200 OK

Content-Type: text/html; charset=ISO-8859-1 Connection: close

<!doctype html><html itemscope="" itemtype=«  http://schema.org/WebPage" lang=« fr"><head> <meta content="/images/

Qu’est ce que le protocole HTTP ?

Code HTML à afficher

Encodage des pages(ISO, UTF-8…)

Code status

Qu’est ce que le protocole HTTP ?

Qu’est ce que le protocole HTTP ?

Code status

2xx Success3xx Redirect4xx Client error5xx Server error

1.2 Ou peut-on stocker des informations ?

Bases de données, Cookies, Sessions et Local Storage

Bases de données, Cookies, Sessions et Local Storage

Bases de données serveur

Bases de données, Cookies, Sessions et Local Storage

Bases de données serveur

Local Storage HTML 5

Session Storage HTML 5

< 5 Mo / domaine

Bases de données, Cookies, Sessions et Local Storage

Bases de données serveur

Local Storage HTML 5

Session Storage HTML 5

< 5 Mo / domaine

Cookie- Stocke des informations sur le navigateur - A une durée de vie limitée - Editable par le client et le serveur

Bases de données, Cookies, Sessions et Local Storage

Bases de données serveur

Local Storage HTML 5

Session Storage HTML 5

< 5 Mo / domaine

cookies envoyés par HTTP

Cookie- Stocke des informations sur le navigateur - A une durée de vie limitée - Editable par le client et le serveur

Bases de données, Cookies, Sessions et Local Storage

Bases de données serveur

Local Storage HTML 5

Session Storage HTML 5

< 5 Mo / domaine

cookies envoyés par HTTP

Cookie- Stocke des informations sur le navigateur - A une durée de vie limitée - Editable par le client et le serveur

Session- 1 session / navigateur - Identifiée par un cookie - Stocke des informations sur le serveur

Les cookies, concrètement

Liste de cookie- statisitics 3 - id U3Y7UID

Les cookies, concrètement

Liste de cookie- statisitics 3 - id U3Y7UID

Liste de cookie- statisitics 3 - id U3Y7UID

Les cookies, concrètement

Set-cookie- tokenUser 8879

Liste de cookie- statisitics 3 - id U3Y7UID

Les cookies, concrètement

Set-cookie- tokenUser 8879

Liste de cookie- statisitics 3 - id U3Y7UID - tokenUser 8879

Les cookies, concrètement

Liste de cookie- statisitics 3 - id U3Y7UID - tokenUser 8879

Liste de cookie- statisitics 3 - id U3Y7UID - tokenUser 8879

Les sessions, concrètement

1 2 3jeremie jean alexandreDonnées sur le

serveur

Client

Les sessions, concrètement

1 2 3jeremie jean alexandreDonnées sur le

serveur

Client

Les sessions, concrètement

1 2 3jeremie jean alexandre

4robertDonnées sur le

serveur

Client

Les sessions, concrètement

1 2 3jeremie jean alexandre

4robertDonnées sur le

serveur

Client

Set-cookie- idSession 4

Les sessions, concrètement

1 2 3jeremie jean alexandre

4robertDonnées sur le

serveur

Client

Liste de cookie- idSession 4

Les sessions, concrètement

1 2 3jeremie jean alexandre

4robertDonnées sur le

serveur

Client

Liste de cookie- idSession 4

Les sessions, concrètement

A la fermeture du navigateur le cookie de session expire. L’id de session disparait, on ne peut plus authentifier l’utilisateur.

Comparaison des stockages sur le client

- Cookies pèsent au maximum quelques Ko- Cookies sont envoyés dans chaque requêtes- Le serveur peut lire et éditer les cookies

Les cookies

- Local storage peut prendre jusqu’à 5 MoLe local storage

- Session storage peut prendre jusqu’à 5 MoLe session storage

- Supprimé à la fermeture de la session

1.3 Etude de cas : Authentification des utilisateurs

Besoins liés à la connexion d’un utilisateur

- Procéder à l’authentification grâce aux identifiants

Besoins liés à la connexion d’un utilisateur

- Procéder à l’authentification grâce aux identifiants

- Conserver la connexion entre deux chargement de page

Besoins liés à la connexion d’un utilisateur

- Procéder à l’authentification grâce aux identifiants

- Conserver la connexion entre deux chargement de page

- Se souvenir de l’utilisateur au prochain démarrage du navigateur

Besoins liés à la connexion d’un utilisateur

Procéder à l’authentification grâce aux identifiants

Procéder à l’authentification grâce aux identifiants

1 . L’utilisateur rempli un formulaire et le soumet

Procéder à l’authentification grâce aux identifiants

1 . L’utilisateur rempli un formulaire et le soumet

2. Pour l’envoi du formulaire une requête de type POST est choisie

Procéder à l’authentification grâce aux identifiants

1 . L’utilisateur rempli un formulaire et le soumet

2. Pour l’envoi du formulaire une requête de type POST est choisie

3. Pour éviter l’interception de la requête et le vol du mot de passe et du nom d’utilisateur, on utilise une connexion HTTPS

Procéder à l’authentification grâce aux identifiants

1 . L’utilisateur rempli un formulaire et le soumet

2. Pour l’envoi du formulaire une requête de type POST est choisie

3. Pour éviter l’interception de la requête et le vol du mot de passe et du nom d’utilisateur, on utilise une connexion HTTPS

4. On hash le mot de passe. On vérifie les données dans la base de donnée du serveur. Si l’utilisateur existe et que le mot de passe est le bon alors l’utilisateur est connecté.

Conserver la connexion entre deux chargement de page

Conserver la connexion entre deux chargement de page

1 . Lors de la connexion de l’utilisateur on sauvegarde son nom d’utilisateur dans une session

Conserver la connexion entre deux chargement de page

1 . Lors de la connexion de l’utilisateur on sauvegarde son nom d’utilisateur dans une session

2. On génère un identifiant de session purement aléatoire qui ne doit pas être prédictible.

Conserver la connexion entre deux chargement de page

1 . Lors de la connexion de l’utilisateur on sauvegarde son nom d’utilisateur dans une session

2. On génère un identifiant de session purement aléatoire qui ne doit pas être prédictible.

3. On stocke l’identifiant de Session dans un cookie à l’aide du header set-cookie dans la réponse HTTP. Ce cookie doit être Http-Only.

Conserver la connexion entre deux chargement de page

1 . Lors de la connexion de l’utilisateur on sauvegarde son nom d’utilisateur dans une session

2. On génère un identifiant de session purement aléatoire qui ne doit pas être prédictible.

3. On stocke l’identifiant de Session dans un cookie à l’aide du header set-cookie dans la réponse HTTP. Ce cookie doit être Http-Only.

4. Lors de la requête suivante, si un identifiant de session est spécifié dans les cookies ont l’utilise pour identifier notre utilisateur.

Se souvenir de l’utilisateur au prochain démarrage du navigateur

Se souvenir de l’utilisateur au prochain démarrage du navigateur

1 . Quand « Remember Me » est coché au moment de la connexion un cookie additionnel est créé qui permet d’authentifier l’utilisateur si sa session est supprimée.

Se souvenir de l’utilisateur au prochain démarrage du navigateur

1 . Quand « Remember Me » est coché au moment de la connexion un cookie additionnel est créé qui permet d’authentifier l’utilisateur si sa session est supprimée.

2. Ce nouveau cookie contient le nom d’utilisateur, un n° serie utilisateur et un token créé pour l’occasion. Le token et le n° de série sont unique, aléatoire et long. On stocke le triplet dans la base de donnée serveur.

Se souvenir de l’utilisateur au prochain démarrage du navigateur

1 . Quand « Remember Me » est coché au moment de la connexion un cookie additionnel est créé qui permet d’authentifier l’utilisateur si sa session est supprimée.

2. Ce nouveau cookie contient le nom d’utilisateur, un n° serie utilisateur et un token créé pour l’occasion. Le token et le n° de série sont unique, aléatoire et long. On stocke le triplet dans la base de donnée serveur.

3. Quand un utilisateur non authentifié visite le site et qu’il possède dans son cookie le triplet on essaie de l’authentifier. On regarde si le triplet existe dans la base de donnée.

Se souvenir de l’utilisateur au prochain démarrage du navigateur

1 . Quand « Remember Me » est coché au moment de la connexion un cookie additionnel est créé qui permet d’authentifier l’utilisateur si sa session est supprimée.

2. Ce nouveau cookie contient le nom d’utilisateur, un n° serie utilisateur et un token créé pour l’occasion. Le token et le n° de série sont unique, aléatoire et long. On stocke le triplet dans la base de donnée serveur.

3. Quand un utilisateur non authentifié visite le site et qu’il possède dans son cookie le triplet on essaie de l’authentifier. On regarde si le triplet existe dans la base de donnée.

3.1. Si le triplet est présent, l’utilisateur est considéré comme authentifié. On supprime le token et on en génère un nouveau qu’on retourne au client.

Se souvenir de l’utilisateur au prochain démarrage du navigateur

1 . Quand « Remember Me » est coché au moment de la connexion un cookie additionnel est créé qui permet d’authentifier l’utilisateur si sa session est supprimée.

2. Ce nouveau cookie contient le nom d’utilisateur, un n° serie utilisateur et un token créé pour l’occasion. Le token et le n° de série sont unique, aléatoire et long. On stocke le triplet dans la base de donnée serveur.

3. Quand un utilisateur non authentifié visite le site et qu’il possède dans son cookie le triplet on essaie de l’authentifier. On regarde si le triplet existe dans la base de donnée.

3.1. Si le triplet est présent, l’utilisateur est considéré comme authentifié. On supprime le token et on en génère un nouveau qu’on retourne au client.

3.2. Si seul le token ne matche pas, l’utilisateur est menacé. On supprime le triplet de la base. On prévient l’utilisateur de la menace.

Ceci n’est un extrait du cours, contactez-nous pour plus d’informations.

https://www.linkedin.com/pub/jérémie-campari/55/205/275