Apprendre PHP (2/19) - Environnement de travail (Plateforme de développement)

Bonjour à tous et bienvenue dans cette nouvelle leçon de PHP. Aujourd'hui, nous allons identifier l'environnement de travail et apprendre comment utiliser la plateforme de développement ou serveur web local. Dans la vidéo précédente, j'ai énuméré quelques plateformes de développement. Les plus populaires sont WAMP, XAMPP, MAMP et LAMP. Dont les sigles représentent: Apache pour A, MySQL pour M, PHP pour P, mais il peut aussi s'agir d'autres langages comme Perl ou Python. Le W de WAMP fait référence à Windows. Le M de MAMP signifie Mac OS ou Macintosh. Le X de XAMPP signifie n'importe quel système d'exploitation car en fait il peut tourner sur Windows, Mac OS et aussi Linux. Le L de LAMP signifie Linux. Il existe aussi Phamp dont le F signifie FreeBSD, etc. Concernant l'installation de l'un de ces outils, je vous suggère de procéder à une installation par défaut si vous êtes débutant, car à la fin, n'oubliez pas qu'il s'agit d'une plateforme de développement et non pas d'un vrai serveur web de production, à l'exception de LAMP et Phamp qui peuvent aussi servir de serveurs de production. Dans tous les cas, une fois l'installation faite, il vous suffit de lancer votre logiciel comme vous le faites pour n'importe quel programme que vous installez. C'est-à-dire à travers le menu Démarrer ou par le biais de raccourcis créés sur le bureau ou la barre des tâches, etc. Désormais, vous disposez d'un serveur web local lancé sur votre propre machine, ce qui signifie que le port 80 qui fait référence au service HTTP est ouvert. Probablement, d'autres ports seront ouverts selon le logiciel utilisé, notamment 443 qui désigne le service HTTPS. Maintenant, vous suffit de vous rendre sur votre navigateur préféré et saisir l'adresse suivante: http://localhost qui signifie le serveur local, ou http://127.0.0.1 qui désigne l'adresse de la boucle locale. Bien entendu, le préfixe http:// est facultatif car le navigateur l'ajoutera automatiquement si le protocole n'est pas renseigné. Maintenant, votre navigateur se connecte à votre serveur local et doit normalement charger la page d'accueil du serveur. En général, la page affichée contient les consignes à suivre pour mieux utiliser son serveur local comme par exemple le répertoire d'hébergement, l'adresse du panneau de gestion de la base de données, etc. Si ces informations ne sont pas affichées, alors pas de panique, nous allons nous débrouiller nous-mêmes. Tout d'abord, il faut savoir que notre objectif c'est apprendre à programmer en PHP et non pas l'administration du serveur web, donc il faut qu'on fasse en sorte que notre serveur compile correctement notre code PHP. Justement, pour que le serveur compile le code PHP, il faut que le fichier qui contient celui-ci soit placé dans un emplacement particulier et pas n'importe où. Cet emplacement est appelé DocumentRoot ou plus simplement dossier d'hébergement. Donc, tous les codes que nous allons écrire et toutes les ressources dont on aura besoin dans nos projets web comme les images, le CSS ou autres doivent a priori être déposées dans ce dossier-là. Où se trouve le document root? En fait, c'est pas si compliqué à trouver. Si vous utilisez WAMP, alors le document root est un dossier qui s'appelle www et il est situé à cet emplacement: partition /wamp/www. La partition peut être C ou D par exemple, donc ça dépend de là où vous avez installé votre logiciel. Si vous utilisez XAMPP, alors le document root s'appelle htdocs et il est situé à cet emplacement: Partition/ XAMPP/ htdocs. Si vous utilisez MAMP, alors le dossier d'hébergement s'appelle aussi htdocs et il est généralement situé à cet emplacement: /Applications/MAMP/htdocs. Si vous utilisez LAMP, alors le DocumentRoot est soit /var/www ou /var/www/html. Maintenant que vous avez identifié votre document root, il se peut bien que celui-ci contienne déjà certains fichiers et dossiers. Il s'agit en fait des fichiers et dossiers qui se chargent d'afficher le contenu par défaut si vous saisissez l'adresse http://localhost. Donc, il ne faut surtout pas toucher à ces fichiers-là pour le moment. Alors, première chose à faire, c'est créer un dossier de votre choix dans le document root. On va dire par exemple que ce dossier s'appelle tuto-php. C'est dans ce dossier-là où nous allons placer nos codes PHP dorénavant. Maintenant, nous allons essayer d'éditer notre premier code PHP. Donc première chose à faire, c'est enregistrer sa page en tant que fichier PHP. Alors avant d'écrire quoi que ce soit, nous allons d'abord enregistrer ce fichier comme ça. htdocs et ensuite je vais me rendre dans le dossier tuto PHP que je viens de créer et dedans je vais enregistrer mon fichier en tant que index.php. .php. En fait, notez bien que l'extension dans ce cas c'est .php pour que le serveur sache qu'il s'agit d'un code à compiler avant de l'envoyer au client. Donc maintenant on va essayer d'insérer notre premier code PHP. Bon, tout d'abord pour déclarer le PHP il faut mettre ce que l'on appelle le délimiteur PHP. Dans ce cas on va mettre quelque chose du genre. En fait là, chevron point d'interrogation PHP annonce le début d'un script PHP et point d'interrogation chevron de fermeture annonce la fin de ce script. Entre ces délimiteurs, je vais placer mon code PHP et premier code à exécuter c'est phpinfo. phpinfo est une fonction PHP qui permet d'afficher quelques informations qui concernent l'environnement de travail. Maintenant je vais d'abord voir le fichier il est où. En fait il est là dans le dossier tuto PHP, il s'appelle index.php. Évitez à tout prix de cliquer 2 fois sur le fichier pour l'ouvrir parce que si vous cliquez 2 fois dessus, le code PHP ne sera pas exécuté par le serveur. Alors il faut toujours appeler le fichier à travers le localhost comme ceci. Donc sur le navigateur on va mettre localhost/tuto-php. Donc là c'est le dossier que je viens de créer. Donc quand je mets Entrée, il affiche directement la page qui s'appelle index.php parce que donc index.php c'est une page implicite. C'est-à-dire je peux l'expliciter comme ça. Voilà, donc ça donne le même résultat. Mais puisque c'est la page d'index qui est la page par défaut, donc pas la peine de la mentionner. Le serveur il sait déjà qu'il s'agit de la page index. Et voilà. Donc maintenant, l'instruction que nous avons écrite, c'est-à-dire phpinfo, il va tout simplement afficher quelque chose qui ressemble à ça. C'est un tableau qui contient plein d'informations qui concernent notre environnement de travail. Ça me donne par exemple la version du PHP utilisé, ça me donne le nom du système qui supporte le serveur, ça me donne la version du serveur Apache et plein plein d'autres informations, donc le Zend Engine avec sa version, avec la date de mise à jour, etc. Mais la chose la plus importante qu'il faut voir au début, c'est Loaded Configuration File. En fait, il s'agit d'un fichier de configuration des moteurs PHP qui s'appelle php.ini. Ce fichier est très important et notez bien que de temps à autre on va se rendre sur ce fichier pour pouvoir le modifier. C'est tout simplement un fichier qui permet de personnaliser le comportement des moteurs PHP, comme par exemple autoriser ceci ou bien interdire cela, etc. Bien sûr, on verra ça un détail par la suite. Mais juste pour avoir une idée de ce fichier, à quoi il ressemble, on va juste copier ce chemin et sur la ligne de commande je vais mettre vim. Voilà, je vais agrandir un petit peu. Alors le fichier c'est ça, donc ça contient plein de directives. Donc tout ce qui commence par point-virgule c'est un commentaire et si la ligne ne commence pas par point-virgule, donc c'est une directive qui sera exécutée. Par exemple, donc ici, donc il y a la directive ASP tags off, donc il y a aussi la directive short open tag on, etc. Bon, d'ailleurs, ce sont des directives qui permettent de personnaliser la forme du tag. C'est-à-dire, ici, bon, c'est ce qu'on appelle le tag classique du PHP, il s'écrit de cette manière. Mais il y en a qui préfèrent déclarer le tag PHP de cette manière, juste chevron point d'interrogation point d'ouverture point d'interrogation chevron de fermeture pour fermer le tag. On appelle ça short open tag et on voit bien qu'il est autorisé. Bon, si je mets off, Alors dans ce cas, ce tag ne marchera pas. Et bien sûr, si vous modifiez ce fichier, il faudra enregistrer et redémarrer votre serveur afin que les modifications soient prises en compte. Mais pour le moment, je vous déconseille fortement de toucher à ce fichier. Quand on en aura besoin, on va s'y rendre et on va faire les modifications nécessaires. Donc pour le moment, laissez les choses telles qu'elles sont. Alors maintenant, voilà ce que nous allons faire. Il s'agit bien d'un fichier qui s'appelle index.php, mais ça veut pas dire qu'il contient uniquement du code PHP. Il peut bien contenir du code HTML du CSS, du JavaScript et en plus il contient du PHP. Mais l'extension c'est obligatoirement .php pour indiquer au serveur qu'il doit compiler le code en local pour exécuter tout ce qui est côté serveur, à savoir le PHP, et renvoyer le résultat. Et aussi donc le code qui n'est pas du PHP comme JavaScript ou bien HTML, il va l'envoyer directement au client tel qu'il est et c'est le navigateur qui va se charger d'exécuter. Alors maintenant nous allons essayer d'écrire un code HTML conventionnel, normal, de cette manière. Ensuite le head, puis body, title. Je mettrai par exemple ma première page PHP. D'accord, maintenant on va imaginer qu'on va intégrer un style CSS. On mettra un sélecteur universel, on mettra par exemple font-size égal à 16 points, font-family Arial. Et là je vais écrire un script, par exemple JavaScript. Et je mettrai l'instruction document.write et j'écris le message c'est du JavaScript comme ça. Et ensuite je vais écrire un code PHP. Bien sûr, notez que vous pouvez intégrer le code PHP à n'importe quel emplacement, avant le DOCTYPE, après le HTML, n'importe où. Vraiment, vous êtes libre de déclarer n'importe où. Donc maintenant on va écrire quelque chose du genre echo c'est du PHP. Bon, on va intégrer un retour à la ligne avec br. OK, maintenant on va exécuter ce code sur le navigateur pour voir ce que ça donne, toujours à travers localhost. Alors j'actualise, ça m'affiche c'est du JavaScript, c'est du PHP. C'est tout à fait normal, c'est le résultat escompté. Bon, notez bien que la fonction echo c'est une fonction ou bien une structure qui permet d'afficher message en tant que chaîne de caractères. Le plus important maintenant, c'est que ça c'est le code que j'ai écrit. Maintenant on va voir le code que le navigateur a reçu. Alors je vais mettre afficher le code source de la page. Bon, je vais zoomer un peu. Donc maintenant si je compare un peu le code que le navigateur a reçu avec le code que j'ai réellement écrit sur le serveur, on constate bien qu'il n'y a plus aucune trace du PHP. Ça veut dire les délimiteurs, la fonction, les double quotes point-virgule, ça veut dire tout ce qui est vraiment code source PHP a disparu. Il n'y a que le résultat d'exécution du PHP qui est le message affiché qui est apparu. Et c'est ça ce qu'on appelle le code serveur, c'est-à-dire que PHP c'est un langage code serveur dont le code source n'est pas visible sur le client, il reste sur le serveur. Par contre, tout ce qui est CSS, HTML et même JavaScript, c'est du côté client, alors il est envoyé tel qu'il est vers le client pour qu'il soit exécuté. On se contente de ça pour cette séance. Merci pour votre attention et à la vidéo prochaine.