Vote utilisateur: 4 / 5

Etoiles activesEtoiles activesEtoiles activesEtoiles activesEtoiles inactives
 

NSI - Numérique et Sciences Informatiques


HTML (HyperText Markup Language) ,
PHP Hypertext Preprocessor
et Interation Client-Serveur : Présentation


1. Qu'est ce que PHP ?


Le PHP, acronyme récursif pour PHP Hypertext Preprocessor est un langage de scripts spécialement conçu pour le développement d'applications web.
Il peut être intégré facilement au HTML.

Le langage PHP a été créé en 1994 par Rasmus Lerdorf, un programmeur groenlandais et canadien pour son site web personnel.

Un exemple de code PHP

On petit exemple en PHP qui

  • Calcule la somme de deux varariables, $var1=5 et  $var2=7 ;
  • Affiche la somme avec la fonction avec la fonction echo ;
  • Calcule et affiche la somme de deux entiers choisis aléatoirement entre 1 et 100, avec la fonction rand(1 , 100).
<!doctype html>
<html>
 <head>
  <title>
   Exemple de variables
  </title>
  <meta charset="utf-8"/>
 </head>
 <body>
 <h1> Un premier programme en PHP : pour les tests</h1>
 
 <?php
  // Commentaires en php	
  // Utilisation de variables, avec le dollard $
        $var1=5;
        $var2=7;
	$somme=$var1+$var2;
		
	// echo permet d'afficher sur la page
	// On peut méler du texte et des variables 
	echo "<p>La somme de $var1 et $var2 est $somme.</p>";		
		
	$nombre1=rand(1,100); // rand(a,b) génère un entier aléatoire entre a et b (inclus)
		
	echo "<p>Le 1er nombre choisi au hasard est $nombre1.</p>";
	$nombre2=rand(1,100);
	echo "<p>Le 2e nombre choisi au hasard est $nombre2.</p>";
		
	$somme=$nombre1+$nombre2;
	// On affiche la somme
	echo "<p>La somme de $nombre1 et $nombre2 est $somme.</p>";	
 ?>
</body>
</html>

 

  • Visualiser le résultat
    Un lien vers le fichier hébergé sur un serveur distant : PHP-Exemple1.php.
     

Premières remarques sur le PHP

  • L'affichage en PHP utilise la fonction echo " texte et $variables ".
    On peut afficher du texte et des variables $var simultanément très simplement.
  • Les lignes se terminent par un point virgule  ;.
  • Les variables se définissent avec le dollard $var1  et peuvent s'intégrer facilement au texte.

Petit exercice important

  1. Affichez le code source (Click droit) de la page PHP-Exemple1.php.
  2. Vous remarquez que le code source propose juste l'affichage, sans les lignes de code PHP.
  3. Actualisez la page, on voit que le contenu change car la fonction rand(1 , 100) est appelée.
  4. C'est magique, le client, c'est à dire notre ordinateur ne s'aperçoit pas qu'il y a un calcul d'effectué.

 

Un fonctionnement distant

  • Le PHP fonctionne en fait sur serveur distant.
    On ne peut pas avoir un fonctionnement immédiat sur notre disque comme avec le HTML, le CSS ou le JavaScript.
      
  • Ce qui distingue PHP des langages de script comme le Javascript, est que le code est exécuté sur le serveur, générant ainsi le HTML, qui sera ensuite envoyé au client. Le client ne reçoit que le résultat du script, sans aucun moyen d'avoir accès au code qui a produit ce résultat. Vous pouvez configurer votre serveur web afin qu'il analyse tous vos fichiers HTML comme des fichiers PHP. Ainsi, il n'y a aucun moyen de distinguer les pages qui sont produites dynamiquement des pages statiques.
     
  • le serveur doit donc être capable de repérer les parties de codes PHP, cela se fera grâce à des balises.
    Le code PHP est donc inclus entre une balise de début <?php et une balise de fin ?> qui permettent au serveur web de passer en mode PHP, ce que ne fait pas votre navigateur sur votre disque dur.

 client serveur HTML PHP

Le fonctionnement du PHP

Vous pouvez maintenant tranquillement lire cette page qui expose le fonctionnement du PHP.

 

2. Préparez votre environnement de travail


Il va donc nous falloir préparer un environement de travail afin de pouvoir lire les fichiers PHP.

Plusieurs solutions sont possibles, si vous avez déjà un site en ligne, tout sera plus facile, sinon, vous allez devoir installer plusieurs émulateurs de serveurs distants.

Cas 1 : j'ai un site en ligne

  • Si vous avez un site en ligne, tout est très simple, il vous suffit d'envoyer vos fichiers sur votre espace et de les ouvrir via votre navigateur. Chaque site à un interpréteur PHP.
  • Pour télécharger facilement vos fichiers, vous pouvez : 
    • Soit vous connecter chez votre hébergeur ;
    • Soit utiliser un client FTP. Je vous conseil d'installer FileZilla, gratuit et très simple d'utilisation. 
      Il vous faudra cependant récuprérer chez votre hébergeur vos identifiants de connexion. C'est un peu long la première fois mais ensuite c'est très rapide.

filezilla logo 600x300

Cas 2 : je veux installer un serveur en local

Deux principaux serveurs sont utilisés : 

Vous pouvez consulter le tutoriel d'Openclassrooms.

Quelques remarques post Installation

  •  Il ne suffit pas d'ouvrir un fichier avec son navigateur pour que cela fonctionne, on doit généralement lancer l'émulateur puis tapper dans son navigateur :

http://localhost/MonFichier.php

  • WampServeur
    • Création automatique d’un répertoire « www » lors de l’installation (typiquement c:\wamp\www).
    • Créez un sous répertoire pour votre projet et déposez-y vos fichiers PHP
    • Cliquez sur le lien « Localhost » du menu de WampServer ou ouvrez votre navigateur à l’adresse :

http://localhost/MonFichier.php

    • Bases de données.
      Au lancement de PhpMyAdmin, il vous sera demandé un nom utilisateur et un mot de passe.
      Après installation de Wampserver 3,
      • le nom utilisateur par défaut est "root" (Sans les guillemets)
      • et il n'y a pas de mot de passe, ce qui veut dire que vous devez laisser la case Mot de passe du formulaire d'accès vide.
         
  • Xampp
    • Placer les projets dans le dossier htdocs qui est dans C:\xampp\htdocs
    • Pour ouvrir un fichier nommé MonFichier.php qui est dans le répertoire htdocs, tapper dans votre navigateur :

http://localhost/MonFichier.php

    • Bases de données.
      Pour accéder à la base de données
      => Admin Mysql

 

3. Un test puis les exercices et travaux dirigés


Nous sommes prêts pour un petit test.

  • Recopier le code source de l'exemple 1, enregistrez-le sur votre disque dur avec l'extension .php et ouvrez-le dans votre navigateur .... suspens !

 

4. Les travaux dirigés


Si tout fonctionne, on est prêt pour les premiers exercices.  Suivez le td sur la page :

 

Articles Connexes