Cours 7 - Le PHP avancé et les fichiers

name: inverse
layout: true
class: center, middle, inverse
---

# Developpement Web - CM 7
## Inès de Courchelle

![image](../img/CY-tech.png)

---
layout: false

# Aujourd'hui
## Le plan
1. Les sessions
2. Assembler des pages
3. Ecrire/lire dans un fichier

---

# Aujourd'hui
## Le plan
1. .under[Les sessions]
2. Assembler des pages
3. Ecrire/lire dans un fichier

---
# Problématique
## GET/POST
- Le passage de variables d'un formulaire se fait d'une page 1 à une page 2
- Certaines variables doivent être dispo tout le temps : login, panier, status ...

## Illustration

---
# Problématique
## Démonstration

---
# Problématique
## VAR
<center>
<video src="videos/demo1.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# Problématique
## Démonstration
#### Ça ne marche pas !
<img src="https://media.tenor.com/6M46qtiWAukAAAAC/tedlassogifs-jason-sudeikis.gif" width=400>

---
# Les sessions
## Définition
- Tableau de variables stocké côté serveur
- Durée de vie : 30 min (paramétrable dans le fichier de configuration php.ini)
- Le nom du tableau
```php
$_SESSION[]
```

## À quoi ça sert ?
- Garder en mémoire des données sur plusieurs pages
- Associer des données à des utilisateurs
- ...

---
# Les sessions
## Illustrations

---
# Youpi
## VAR
<center>
<video src="videos/demo2.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# Démonstration
## Mise en garde

- ne pas oublier le session_start() en haut
- ne pas oublier à la deconnexion d'effacer le tableau de session

---
# Deconnexion
## Exemple
#### deconnexion.php
```php
<?php
session_start();
session_destroy();
header('Location: connexion.php');
exit();
?>
```

---
# Les sessions
## Illustrations

---
# Deconnexion
## VAR
<center>
<video src="videos/demo3.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# Les sessions
## L'histoire des connexions direct sur l'url !!
<img src="images/hacker.png" width=400>

---
# Fail
## VAR
<center>
<video src="videos/demo4.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# La solution
## Vérifier la variable de SESSIOn à chaque fois
#### À chaque fois en haut de chaque fichier
```php
<?php
session_start();
if (!isset($_SESSION["pseudo"])){
 header('Location: connexion.php');
}
?>
```

---
# Sécurity
## VAR
<center>
<video src="videos/demo5.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# Aujourd'hui
## Le plan
1. Les sessions
2. .under[Assembler des pages]
3. Ecrire dans un fichier

---
# Assembler des pages
## Comment ?
Avec des includes

## Pourquoi ?
- Diminuer la redondance de code
- Assembler des pages côté serveur

---
# Assembler des pages
## L'exemple classique

---
# Assembler des pages
## Page d'accueil
<img src="images/accueil.png" width=500>

---
# Assembler des pages
## Page des notes
<img src="images/notes.png" width=500>

---
# Assembler des pages
## Page de l'Edt
<img src="images/edt.png" width=500>

---
# Assembler des pages
## C'est toujours la même
<img src="images/lameme.png" width=600>

---
# Assembler des pages
## Solution
<img src="images/fileInclude.png" width=400>

#### Création de 2 fichiers
- haut.php : qui contiendra la partie du haut de chaque page
- bas.php : qui contiendra la partie basse de chaque page

---
# Assembler des pages
## Les différents fichiers

---
# Assembler des pages
## Le code
##### haut.php
```php
<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Mon site web</title>
 </head>
 <body>

<ul>
 <li><a href="accueil.php">Accueil</a></li>
 <li><a href="messagerie.php">Messagerie</a></li>
 <li><a href="edt.php">Edt</a></li>
 <li><a href="notes.php">Notes</a></li>
 <li><a href="deconnexion.php">Deconnexion</a></li>
 </ul>

```

---
# Assembler des pages
## Le code
##### accueil.php
```php
<?php
include "haut.php";
?>
<h1> Bienvenue </h1>
 je suis l'accueil de la page 
 ceci est mon contenu 
<?php
include "bas.php";
?>
```
---
# Assembler des pages
## Le code
##### bas.php
```php
 <ul>
 <li><a href="contact.php">Contact</a></li>
 <li><a href="apropos.php">À propos</a></li>
 <li><a href="mentionsLegales.php">Mentions Legales</a></li>
 </ul>
 </body>
</html>
```

---
# Assembler des pages
## Avantages
- Ajouter des pages facilement
- Modifier le menu à un seul endroit même si on rajoute des pages

---
# Assembler des pages
## La demo

---
# Exemple
## VAR
<center>
<video src="videos/demo6.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# Aujourd'hui
## Le plan
1. Les sessions
2. Assembler des pages
3. .under[Ecrire/lire dans un fichier]

---
# Comment lire dans un fichier ?
## Plusieurs solutions
- Lire/Ecrire dans un fichier classique
- Lire/Ecrire dans un CSV

---
# Lire dans un fichier
## Le code
```php
<?php
$file = fopen("helloworld.txt","r");
$contenu=fread($file,filesize("helloworld.txt"));
echo $contenu;
fclose($file);
?>
```

---
# Exemple
## VAR
<center>
<video src="videos/demo7.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# Lire dans un fichier
## Mise en garde
- Attention : vérifier qu'on ait les droits de lecture
- Mais comment ?
- ...
- ZEN soyons Zen !

```bash
ls -a
chmod +r helloworld.txt
```

---
# Ecrire dans un fichier
## Le code
```php
<?php
$file = fopen("texte.txt", "w");
fwrite($file,"Hello there !");
fclose($file);
?>
```
<img src="https://c.tenor.com/47CdzeuFFLIAAAAM/settings-machines.gif" width=400>

---
# Ecrire dans un fichier
## Mise en garde
- Attention : vérifier qu'on ait les droits d'écriture
- Mais comment ?
- ...
- ZEN soyons Zen !

```bash
ls -l
chmod +w helloworld.txt
```

---
# Exemple
## VAR
<center>
<video src="videos/demo8.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# Mais ...
## C'est moyen
- On va utiliser le format CSV
- C'est partie !
<img src="https://c.tenor.com/JG9-sqzIMgQAAAAd/work-files-filing-cabinet.gif" width=350>

---
# Fichier CSV
## Définition
- Extension de fichier permettant de représenter des tableurs au format texte
- Une colonne est séparé par une , ou un ;
- Une ligne est un retour à la ligne dans le fichier

## Parallèle
.pull-left[
.under[Mon Tableau]

| id | appelation | prix | quantité |
| -- | --         | --   | --       |
| 0  | Switch     | 300  | 5        |
| 1  | PS5        | 500  | 2        |
| 2  | XBox       | 400  | 3        |
| 3  | PS4        | 300  | 5        |
| 4  | Wii        | 50   | 10       |
| 5  | GameBoy    | 10   | 1        |
]

.pull-right[
.under[Mon Fichier]
```bash
id;appelation;prix;quantité
0;Switch;300;5
1;PS5;500;2
2;XBox;400;3
3;PS4;300;5
4;Wii;50;10
5;GameBoy;10;1
```
]
---
# PHP/CSV
## Lire dans un CSV
```php
<?php
$row = 1;
if (($handle = fopen("plateformes.csv", "r")) !== FALSE) {
 while (($data = fgetcsv($handle, 1000, ";")) !== FALSE) {
 $num = count($data);
 echo " $num champs à la ligne $row: \n";
 $row++;
 for ($c=0; $c < $num; $c++) {
 echo $data[$c] . " \n";
 }
 }
 fclose($handle);
}
?>
```
#### Attention
- L'exemple je ne suis pas allée le chercher bien loin
- C'est <a href="https://www.php.net/manual/fr/function.fgetcsv.php" target="_blank">ici dans la doc</a>

---
# PHP/CSV
## Lire dans un CSV
```php
<?php
$row = 1;
if (($handle = fopen("plateformes.csv", "r")) !== FALSE) {
 while (($data = fgetcsv($handle, 1000, ";")) !== FALSE) {
 $num = count($data);
 echo " $num champs à la ligne $row: \n";
 $row++;
 for ($c=0; $c < $num; $c++) {
 echo $data[$c] . " \n";
 }
 }
 fclose($handle);
}
?>
```

## On va le décortiquer !
<img src="https://c.tenor.com/h5Eq_6ia4IIAAAAC/unpacking-wizard.gif" width=150>

---
# PHP/CSV
## Lire dans un CSV
<img src="images/lirecsv1.png" width=620>

---
# PHP/CSV
## Lire dans un CSV
<img src="images/lirecsv2.png" width=620>

---
# PHP/CSV
## Lire dans un CSV
<img src="images/lirecsv3.png" width=620>

---
# PHP/CSV
## Lire dans un CSV
<img src="images/lirecsv4.png" width=620>

---
# PHP/CSV
## Lire dans un CSV
<img src="images/lirecsv5.png" width=620>

---
# PHP/CSV
## Lire dans un CSV
<img src="images/lirecsv6.png" width=620>

---
# PHP/CSV
## L'exemple complet

---
# Exemple
## VAR
<center>
<video src="videos/demo9.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# PHP/CSV
## Ecrire dans un CSV
```php
<?php
$list = array (
 array("appellation", "multijoueur"),
 array("Zelda : BOTH", "false"),
 array("Mario Kart 8", "true"),
 array("Spiro", "false"),
 array("Minecraft", "true"),
 array("Pokemon : jaune", "false")
);

$file = fopen("jeux.csv","w");

foreach ($list as $line) {
  fputcsv($file, $line);
}

fclose($file);
?>
```

## La doc !
- Je ne suis pas allée très loin !
- Il y en a <a href="https://www.php.net/manual/fr/function.fputcsv.php" target="_blank">ici</a>
- Ou encore <a href="https://www.w3schools.com/php/func_filesystem_fputcsv.asp" target="_blank">là</a>

---
# PHP/CSV
## Écrire dans un fichier
<img src="images/ecrireCSV.png" width=620>

---
# PHP/CSV
## Écrire dans un fichier
<img src="images/ecrireCSV2.png" width=620>

---
# PHP/CSV
## Démonstration

---
# Exemple
## VAR
<center>
<video src="videos/demo10.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# PHP/CSV
## Les différents modes
| mode | Description                                                                                                                                                      |
| ---  | ----                                                                                                                                                             |
| 'r'  | Ouvre en lecture seule, et place le pointeur de fichier au début du fichier.                                                                                     |
| 'r+' | Ouvre en lecture et écriture, et place le pointeur de fichier au début du fichier.                                                                               |
| 'w'  | Ouvre en écriture seule ; place le pointeur de fichier au début du fichier et réduit la taille du fichier à 0. Si le fichier n'existe pas, on tente de le créer. |
| 'w+' | Ouvre en lecture et écriture ; le comportement est le même que pour 'w'.                                                                                         |
| 'a'  | Ouvre en écriture seule ; place le pointeur de fichier à la fin du fichier. Si le fichier n'existe pas, on tente de le créer.                                    |
| 'a+' | Ouvre en lecture et écriture ; place le pointeur de fichier à la fin du fichier. Si le fichier n'existe pas, on tente de le créer.                               |
| ...  | ...                                                                                                                                                              |

## Encore
- L'exemple je ne suis pas allée le chercher bien loin
- C'est <a href="https://www.php.net/manual/fr/function.fopen.php" target="_blank">ici dans la doc</a>

---
# Des exemples
## Les Tutos/docs
- <a href="https://waytolearnx.com/2019/10/lire-un-fichier-csv-avec-php.html" target="_blank">Way to learn </a>
- <a href="https://www.php.net/manual/fr/function.fputcsv.php" target="_blank">doc 1</a>
- <a href="https://www.php.net/manual/fr/function.fgetcsv" target="_blank">doc 2</a>

---
# Utilité dans notre cas
## Dans les exemples précédents
- Il n'y a qu'un pseudo
- Il n'y a qu'un mdp

## Maintenant
#### Login.csv
```bash
01;ines;poneyDu64
02;cr7;ballonOr
03;kiki;real<3
04;zelda;link<3
```

---
# Le sénario
## Illustration
<img src="images/scenarioFinal.png" width=400>

---
# Le sénario
## Zoom
<img src="images/senarioVerif.png" width=400>

---
# La vérification
## accueil.php
```php
<?php
$verif=false;
if (($handle = fopen("login.csv", "r")) !== FALSE) {
 while ((($data = fgetcsv($handle, 1000, ";")) !== FALSE) && !$verif) {
		if ($_POST['pseudo']==$data[1] && $_POST['mdp']==$data[2]){
 $verif=true;
 }
	}
 fclose($handle);
}

if (!$verif){
 header('Location: connexion.php');
}
?>
```
---
# Démonstration
<img src="https://c.tenor.com/47CdzeuFFLIAAAAM/settings-machines.gif" width=400>

---
# Exemple
## VAR
<center>
<video src="videos/demo11.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# Niveau Sécu
## Problèmatique
- c'est moyen
- le mdp est en clair sur le serveur

## Solution
- cripter le mdp
- il y a des sites

## Exemples de sites
- <a href="https://www.cryptage-md5.com/" target="_blank"> site 1 </a>
- <a href="https://md5decrypt.net/" target="_blank"> site 2 </a>
- <a href="https://www.md5online.org/md5-encrypt.html" target="_blank"> site 3 </a>

---
# Sécurité
## Login.csv

```bash
01;ines;1611292af9e5d66e2d9f8eb8ddc9af1c
02;cr7;99c71caeb8b8c2e3d71cbd1bc91c16ae
03;kiki;a6ae12dcf166725ec76a45a168c08664
04;zelda;dfa6a79fe4813eff5bbb236497fd28b8
```

---
# Sécurité
## accueil.php
```php
<?php
$verif=false;
if (($handle = fopen("login.csv", "r")) !== FALSE) {
 while ((($data = fgetcsv($handle, 1000, ";")) !== FALSE) && !$verif) {
		if ($_POST['pseudo']==$data[1] && md5($_POST['mdp'])==$data[2]){
 $verif=true;
 }
	}
 fclose($handle);
}

if (!$verif){
      header('Location: connexion.php');
}
?>
```
.under[ne pas oublier d'encoder en md5 le mdp de l'utilisateur]

---
# Le sénario
## Illustrations

---
# Exemple
## VAR
<center>
<video src="videos/demo12.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# Modifier un CSV
## COMMENT ?
On va partir sur un exemple.
## joueurs.csv
Nous considérons le fichier csv suivant :
```csv
Rank,team,MP,W,D,L,Points
1,Chelsea,14,12,1,1,37
2,Manchester Utd,15,11,2,2,35
3,Manchester City,15,11,2,2,35
4,Arsenal,14,10,2,2,32
5,Aston Villa,15,8,2,5,26
6,Everton,14,6,2,6,20
7,West Ham,15,5,1,9,16
8,Liverpool,14,4,2,8,14
9,Reading,15,3,1,11,10
10,Tottenham,14,3,0,11,9
11,Brighton,13,2,2,9,8
12,Leicester City WFC,14,2,1,11,7
```
---
# Modifier un CSV
## nous souhaitons
Rajouter un match joué à Aston Villa

#### Avant
```csv
5,Aston Villa,15,8,2,5,26
```
#### Après
```csv
5,Aston Villa,16,9,2,5,29
```

---
# Modifier un csv
## Solution 1
```php
<?php
// Ouvrir le fichier CSV en mode lecture
$fileContent = file_get_contents('wsl.csv');
// pour l'encodage des sauts de lignes (sinon à la réécriture du fichier
// il rajoute des sauts de lignes
$lines = preg_split("/(\r\n|\n|\r)/", $fileContent);

$newLines = array(); // initialiser un nouveau tableau de lignes
foreach ($lines as $line) { // parcourir chaque ligne
	$cols = explode(',', $line); // diviser la ligne en colonnes
	if ($cols[1] === 'Aston Villa') { // vérifier si la deuxième colonne est égale à "Arsenal"
		$cols[2] = '16'; // on change la valeur de la colonne N°2 du CSV
		$cols[3] = '9';  // on change la valeur de la colonne N°3 du CSV
		$cols[6] = '29'; // on change la valeur de la colonne N°6 du CSV
		$newLines[] = implode(',', $cols); // joindre les colonnes avec des virgules et ajouter la ligne modifiée au nouveau tableau
	} else {
		$newLines[] = $line; // sinon, ajouter la ligne inchangée au nouveau tableau
	}
}
// Joindre les lignes avec le séparateur de ligne approprié pour le système d'exploitation
$fileContent = implode(PHP_EOL, $newLines);

// Écrire le nouveau contenu dans le fichier
file_put_contents('wsl.csv', $fileContent);

?>
```

---
# Modifier un csv
## VAR
<center>
<video src="videos/modifierCSV.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>

---
# Enregistrer dans un dictionnaire
## le code
```php
<?php
$file = fopen("wsl.csv", "r"); // Ouverture du fichier en mode lecture
$dictionnaire = array(); // Initialisation du dictionnaire

// Lecture de la première ligne du fichier (entête)
$entete = fgetcsv($file);

// Lecture de chaque ligne suivante du fichier
while (($ligne = fgetcsv($file)) !== FALSE) {
 // Création d'un dictionnaire pour chaque ligne
 $ligne_dictionnaire = array();
 for ($i = 0; $i < count($entete); $i++) {
 $ligne_dictionnaire[$entete[$i]] = $ligne[$i];
 }
 // Ajout du dictionnaire au dictionnaire principal
 $dictionnaire[] = $ligne_dictionnaire;
}

fclose($file); // Fermeture du fichier

print_r($dictionnaire);

?>
```

---
# Enregistrer dans un dictionnaire
## VAR
<center>
<video src="videos/enregistrerTableau.mp4" width="700" controls poster="vignette.jpg">
Cette vidéo ne peut être affichée sur votre navigateur Internet. Une version est disponible en téléchargement sous <a href="URL">adresse du lien </a> .
</video>
</center>