Vous êtes sur la page 1sur 27

2/12/2023

Université Hassan Ibn Zohr


Faculté Polydisciplinaire de Ouarzazate Informations pratiques :
Filières : SMI & IGE
 Cours : Amphi B
 TP: Salle du TP

Organisation :
Programmation Web Dynamique
 4 Heures de Cours/TD par flière :
 Transparents
 Publication des supports sur la plateforme Mooodle de la
FPO, Groupe Whatsapp
Pr. Rachid DAKIR

Année Universitaire : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

1
2/12/2023

Prérequis du Module : Objectifs du Module :

La configuration d'une plateforme de développement


Création de sites web statique
Programmation Web statique : HTML, XHTML et Web (serveur Web Apache, base de données MySQL

CSS et moteur de script PHP) ;

Programmation Web dynamique coté client : Les Techniques de Scripting côté Serveur :

JavaScript (intégration de script dans une page Programmation PHP ;

HTML, utilisation de contrôles ActiveX et d'applets La Gestion des sessions utilisateurs et techniques

Java). d’authentification ;
Application : construction d’un site Web dynamique

Technologie Web avec base de données.


Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

2
2/12/2023

Chapitres : Plan du module


 Chapitre I : Programmation en PHP
CHAPITRE I :
 Notions et Vocabulaires de base
 Configuration d'une plateforme de développement Web (serveur Web Apache,
base de données MySQL et moteur de script PHP). PROGRAMMATION EN PHP

 Les Techniques de Scripting côté Serveur : Programmation PHP.

 Chapitre II : Gestion d’une base de données MySQL


 Connexion à MySQL
 Sélection de la base de données.
 Requête sur la base de données.
 Exploitation des résultats de la requête.
 Notions et Vocabulaires de base
 Fermeture de la connexion à MySQL.
 Les Techniques de Scripting côté Serveur : Programmation PHP.
 Chapitre III : Gestion des sessions utilisateurs et techniques  Configuration d'une plateforme de développement Web (serveur
d’authentification
Web Apache, base de données MySQL et moteur de script PHP).
 Application : Construction d’un site Web dynamique avec base de données.
Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

3
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

A . Notions et Vocabulaires de base A . Notions et Vocabulaires de base

Web ?

Système d’information réparti en pages (documents )Web basé la notion d’hypertexte et


WEB HYPERTEXTE d’hyperlien fonctionnant sur Internet permettant de consulter des pages web avec un
navigateur.
PAGE WEB SERVEUR WEB  Protocole de communications HTTP,HTTPS

 Adresse pour identifier des pages (ou site ) Web : URL


LANGAGE INTERPRETE  Les langages pour créer les pages web : HTML, CSS et Java script
 Les navigateurs permettent de visualiser les pages Web : Chrome, firefox,

PROTOCOL URL HYPERLIEN Internet Explorer, Opéra

Hypertexte ?
Ensemble de documents contenant des unités d'information liées entre eux par des
NAVIGATEUR WEB hyperliens. Ce système permet à l'utilisateur d'aller directement à l'unité qui l'intéresse,
SCRIPT à son gré, d'une façon non linéaire
LANGAGE COMPILE
Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

4
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

A . Notions et Vocabulaires de base A . Notions et Vocabulaires de base

Web ?
Hyperlien ?
Système d’information réparti en pages (documents )Web basé la notion d’hypertexte et
Référence dans un système hypertexte permettant de passer automatiquement d'un
d’hyperlien fonctionnant sur Internet permettant de consulter des pages web avec un document consulté à un autre document.
navigateur. Navigateur Web ?

 Protocole de communications HTTP,HTTPS Logiciel client HTTP conçu pour accéder aux ressources du web. Sa fonction de base
 Adresse pour identifier des pages (ou site ) Web : URL est de permettre la consultation des documents HTML disponibles sur les serveurs
HTTP.
 Les langages pour créer les pages web : HTML, CSS et Java script
Page Web ?
 Les navigateurs permettent de visualiser les pages Web : Chrome, firefox,
Document destiné à être consulté avec un navigateur web. Une page web est toujours
Internet Explorer, Opéra
constituée d’une ressource centrale (généralement un document HTML) et
Hypertexte ? d’éventuelles ressourcesliées automatiquement accessibles(par exemple, des images).
Ensemble de documents contenant des unités d'information liées entre eux par des
hyperliens. Ce système permet à l'utilisateur d'aller directement à l'unité qui l'intéresse,
à son gré, d'une façon non linéaire

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

5
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

A . Notions et Vocabulaires de base A . Notions et Vocabulaires de base

Script ? Script ?

 En informatique, un script désigne un programme (ou un bout de programme) Deux catégories de scripts informatiques utilisés dans le web
chargé d'exécuter une action pré-définie quand un utilisateur réalise une action ou
Il est courant de distinguer entre deux types de langages de script ou langages de
qu'une page web est en cours d'affichage sur un écran. Il s'agit d'une suite de
programmation dynamique :
commandes simples ou des instructions et souvent peu structurées qui permettent
 Scripts interprétés côté serveur (c'est le cas des langages utilisés pour la
l'automatisation de certaines tâches successives dans un ordre donné.
 Un script peut donc par exemple ouvrir un répertoire et crypter des fichiers qui s'y
création de sites web dynamiques comme PHP, Python, ASP, etc.). Le

trouvent, ou modifier à la volée la taille d'une image à l'ouverture d'une page. code n'est alors pas visible sur le code source de la page web car il est lu et
 Les langages de script ne sont généralement pas compilés, à quelques exceptions interprété par la machine qui héberge le site (le serveur), puis envoyé vers
près, c'est-à-dire qu'ils s'affranchissent des contraintes de bas niveau pour être l'appareil de l'utilisateur en format HTML.
interprétésdirectement par la machine qui les héberge.  Scripts interprétés côté client, envoyés sous leur forme brute à la
machine cliente (celle de l'utilisateur). C'est le cas de JavaScript compris
par le navigateur web et exécuté directement par celui-ci.

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

6
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

A . Notions et Vocabulaires de base A . Notions et Vocabulaires de base

Interprété, Compilé ? Internet ?


 Langage est dit interprété : l’exécution du programme (script) nécessite la
Internet est le réseau informatique mondial qui rend accessible au public des services
présence d’un interpréteur. Même script peut être exécuté sur plusieurs
divers et variés comme le courrier électronique et le World Wide Web (plus
plateformes différentes, en revanche la traduction (interprétation) du code à
couramment appelé Web). Techniquement, Internet se définit comme le réseau public
chaque exécution a un impact sur les performances  Langage php
mondial utilisant le protocole de communication IP (Internet Protocole).
 On parle de langage compilé. Le code source du programme est traduit par
un compilateur qui génère un fichier exécutable. Cela impose donc de compiler
le programme pour chaque plateforme de destination  Langage C
 Le langage semi-compilé est un langage appartenant aux deux catégories de Protocoles de communication TCP/IP :
Plusieurs applications qui permettent de partages des informations entre les
langages (compilé et interprété) car le code source va subir une phase de
ordinateurs sur le réseau Internet comme :
compilation intermédiaire vers un fichier écrit non exécutable (il y a donc
 Courrier électronique ( SMTP, POP3 ou IMAp)
nécessité d’un i nterpréteur) avant de générer du code objet ou du langage
 Transfert de fichiers (FTP…)
machine pour la machine sur laquelle sera exécutée le programme Langage
 World Wide Web (HTTP)
java
Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

7
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

B . Architecture de communication Web B . Architecture de communication Web

Architecture client - Serveur Architecture client - Serveur


3
2 1 2 1
3

C’EST QUOI UNE REQUÊTE ?


1.Serveur : Ordinateur sur lequel se trouve des ressources. Joue en premier lieu un rôle Une requête HTTP est une demande effectuée par le navigateur WEB (ex: Internet
de distributeur de fichiers. Autour de ce rôle de serveur de fichiers, il peut rendre diverses Explorer, Firefox, Mozilla,..) au serveur HTTP lorsqu'il souhaite télécharger une page
WEB.
sortesde services.
2.Client : C’est lui qui demande des ressource via une interface utilisateur chargée de la
présentationdes ressources demandées
3.Protocoles de communication TCP/IP : Ensemble des règles de communication sur
internet et se base sur la notion adressage IP, c'est-à-dire le fait de fournir une adresse IP
à chaque machine du réseau afin de pouvoir acheminer des paquets de données.

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

8
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

B . Architecture de communication Web C . Langage de programmation web

Architecture client - Serveur Langage Web Client :


3
2 1 HTML n'est pas un langage de programmation. C'est un langage de balisage qui
définit la structure du contenu d’une page web. HTML se compose d'une série d'é
léments, utilisés pour entourer, ou envelopper, les diverses parties du contenu pour les
faire apparaître ou agir d'une certaine façon.
C’EST QUOI UNE REQUÊTE ? Les balises entourantes peuvent être rendues par un mot ou une image lien hypertexte

Se présente sous forme d’une adresse URL. vers quelque chose d'autre, un texte en italique, une police plus grande ou plus petite, et
Une URL complète est également composé au minimum de quatre parties ainsi de suite. Par exemple, avec la ligne de contenu suivante :

Ce langage permet d’écrire de l’hypertexte, d’où son nom, de structurer


sémantiquement la page, de mettre en forme le contenu, de créer des
formulaires de saisie.
Langage de balisage conçu pour représenter les pages web.

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

9
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

C . Langage de programmation web C . Langage de programmation web

Langage Web Client : Langage Web Client :

CSS est l’acronyme de « Cascading Style Sheets » ce qui signifie « feuille de JavaScript : JavaScript est un langage de programmation de scripts principalement
style en cascade » est langage informatique permettant de mettre en forme des employé dans les pages web interactives et à ce titre est une partie essentielle des
pages web ( HTML ouXML). applications web. Ce langage permet de créer du contenu mis à jour de façon

Ce langage est donc composé des fameuses « feuilles de style en cascade » dynamique, de contrôler le contenu multimédia, des animations 2D/3D, …..etc

également appelées fichiers CSS (.css) et contient des éléments de codage.  Faire bouger, apparaitre ou disparaitre des éléments de la page (un titre, un
menu, un paragraphe, une image…).
Langage de règles de style utilisé pour appliquer un style au contenu HTML  Mettre à jour des éléments de la page sans recharger la page (changer le
texte, recalculer un nombre, etc).
comme la modification de la couleur d e l’arrière-plan ou les polices, ou en
 Demander au serveur un nouveau bout de page et l’insérer dans la page en
disposant le contenu en plusieurs colonnes. cours, sans la recharger.
 Attendre que l’utilisateur face quelque chose (cliquer, taper au clavier,
bouger la souris…) et réagir (faire une des opérations ci-dessus suite à cette
action).
Il ya certains applications Web ne pourrait tout simplement pas fonctionner sans
Javascript. C’est le cas de Facebook, Youtube ou Twitter qui utilisent le langage
pour presque tout leur affichage
Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

10
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

C . Langage de programmation web C . Langage de programmation web

Langages Web Serveur : Langages Web Serveur :

Programmes qui vont générer automatiquement du code HTML et constitués de


morceaux de script, inclus dans du code HTML. Lorsque le fichier écrit en langage web
serveur est interprété, les morceaux de scripts affichent les parties variables de la page.
Le code HTML resteinchangé : il représenteles partiesfixes. Il existe d’autres langages
qui permettent de construire
o PHP : Langage populaire, s’intègre très facilement avec Apache(libre) des applications web
dynamiques
o ASP : Langage destiné à être utilisé avec IIS (Microsoft, commercial)
o ColdFusion : (Adobe, commercial)
o JSP (Java Server Pages) : Langage qui permet de mêler instructions Java et code
HTML
o Servlets Java : Véritables programmes Java, plutôt pour les applications
complexes côté serveur

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

11
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

C . Langage de programmation web C . Langage de programmation web

Les différentes composantes de l’architecture: Langages Web Serveur :

Assurer la cohérence, le
 LAMA : Linux Apache MySQL/MariaDBASP, stockage et l’interrogation des
données dans une base de
 WAMP : Windows Apache MySQL/MariaDB PHP, données.
o SGBD propriétaire : Oracle Database, Microsoft SQL Server, DB2, MaxDB, 4D,
 MAMP : Macintosh Apache MySQL/MariaDB PHP,
dBase, Informix, Sybase
 SAMP : Solaris ApacheMySQL/MariaDB PHP, o SGBD libre : MySQL, PostgreSQL, MariaDB, Firebird, Ingres, HSQLDB,
Derby, Apache Derby
 LAPP : Linux Apache PostgreSQL PHP,
o SGBD Orienté objet : ZODB, db4o
 WASP : Windows Apache SQLServer PHP, o SGBD Embarqué : SQLite, Berkeley DB
o SGBD NoSQL : Cassandra, Redis, MongoDB, SimpleDB, BigTable, CouchDB,
 HAMP: Hurd Apache MySQL/MariaDB PHP.
Couchbase, HBase, LevelDB,
 LEMP : Linux Nginx MySQL/MariaDB PHP. o Autres SGBD : Access, OpenOffice.org Base, FileMaker, HyperFileSQL,
Paradox, Neo4j, Riak, Voldemort

Les SGBD les plus connus: Oracle, MySQL, PostGreSQL et SQL Server
Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

12
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

D. Les différents scénarios de communication Web D. Les différents scénarios de communication Web

Statique : Statique :

Demande d’une page web ne contenant que du HTML Demande d’une page web contenant du code PHP
**** Serveur Web installé sans autre service **** **** Serveur Web installé sans autre service ****

Statique Dynamique

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

13
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

D. Les différents scénarios de communication Web D. Les différents scénarios de communication Web

Dynamique : Dynamique :
Demande d’une page web ne contenant que du code PHP
Demande d’une page web ne contenant que du code PHP
avec une requête SQL
**** Serveur Web installé avec un interpréteur PHP****
**** Serveur Web installé avec un interpréteur PHP et SGBD ****
Dynamique
Dynamique

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

14
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE
E . Editeurs de programmation web
D. Les différents scénarios de communication Web
Il existe plusieurs éditeurs de code de programmation Web comme:

 Sublime Text

 Notepad++

 Brackets

 Ultra Edit

 jEdit

 Komodo

 TextWrangler

 Deramweaver

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

15
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

F . Les différentes méthodes du déploiement d’un serveur Web


F . Les différentes méthodes du déploiement d’un serveur Web
o EasyPHP (Package WAMP) :
Comment vais-je faire pou créer un site web s’il faut un serveur Web
 Une plateforme de développement Web, servant à faire fonctionner
localement (sans se connecter à un serveur externe) des scripts PHP.
 S. Web (OS + HTTP)  Interpréteur PHP  SGDB  Un environnement comprenant deux serveurs (un serveur web Apache et
un serveur de bases de données MySQL), un interpréteur de script (PHP),
Différentes solutions : ainsi qu'une administration SQL PhpMyAdmin.
Vraie Machine Machine virtuelle Ex : WAMP- Espace web  Il dispose d'une interface d'administration servant à gérer les alias (dossiers
Server virtuels disponibles sous Apache),
 Par défaut, le serveur Apache crée un nom de domaine virtuel (en
 Système Linux  Système Linux
 Service Apache  Service Apache local) http ://127.0.0.1 ou http ://localhost.
 Interprète PHP  Interprète PHP  Service Apache
 Interprète PHP  Exemple : free.fr  Lorsque on choisit "Web local" dans le menu d'EasyPHP, le navigateur
 SGBD  SGBD
 SGBD s'ouvre sur cette URL et affiche la page index. php de ce site qui
correspond en fait au contenu du dossier www d'EasyPHP.
Nécessite Nécessite  Si votre serveur PHP est bien lancé, il affiche une icône à coté de l’horloge
des compétences spécifiques Aucune compétence particulière avec un clignotement d’un indicateur de couleur Rouge.

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

16
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

F . Les différentes méthodes du déploiement d’un serveur Web F . Les différentes méthodes du déploiement d’un serveur Web

o EASYPHP (Package WAMP) : o WAMPSERVER (Package WAMP) :

 Lien du téléchargement :  Wampserver est un serveur web local pour windows et se comporte exactement
de la même manière sauf qu'il se trouve directement sur votre machine. Il y a
donc aucune information transmise sur l'extérieur et vous pouvez donc tester
votre site sans même avoir un hébergement ni même accès à internet. Il comprend
Apache, MySQL et PHP.
 Les rôles de ces trois composants sont les suivants :
 Apache est le serveur web « frontal » : il est « devant » tous les autres et
répond directement aux requêtes du client web (navigateur)
 Le langage de script PHP sert la logique et permet des traitements (calculs,
vérification, test, etc.)
 MySQL stocke toutes les données de l'application
 Ce logiciel est donc parfait pour tous les développeurs de sites
web qui aimeraient tester leurs créations avant leur mise en ligne
Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

17
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

F . Les différentes méthodes du déploiement d’un serveur Web F . Les différentes méthodes du déploiement d’un serveur Web

o WAMPSERVER (Package WAMP) : o Machine virtuelle LINUX:


 Lien du téléchargement :  Avant de l’installer, il est préférable de vérifier qu’il ne l’est pas déjà. Pour
cela il faut taper la commande suivante. : rpm -qa | grep http*
 Si un message comme « http……. » apparaît alors http est déjà installé ! Il ne
faut donc pas poursuivre l’installation !

 Les paquets relatifs à HTTP sont tous fournis par les dépôts officiels

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

18
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

F . Les différentes méthodes du déploiement d’un serveur Web F . Les différentes méthodes du déploiement d’un serveur Web

o Machine virtuelle LINUX:


 On configure le service httpd pour qu'il démarre au démarrage et on l’active

 On vérifie le démarrage du service http

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

19
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

F . Les différentes méthodes du déploiement d’un serveur Web F . Les différentes méthodes du déploiement d’un serveur Web

o Machine virtuelle LINUX: o Machine virtuelle LINUX:


 On configure le pare-feu pour autoriser les connexions http et https  Pour tester le serveur Apache, on ouvre navigateur et on tape le domaine

entrantes au serveur Web Apache et autoriser les numéros des ports : ou l'adresse IP du serveur.
 Nous devrions voir la page de serveur HTTP Apache par défaut.
 80/tcp pour le protocol http

 443/tcp pour le protocol https

 Le répertoire / var / www / html est le répertoire racine du document du


Site Web. Son contenu est accessible via un navigateur Web (ex:
index.html).
Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

20
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

F . Les différentes méthodes du déploiement d’un serveur Web F . Les différentes méthodes du déploiement d’un serveur Web

Exemple : Cas pratique ( Page web statique) o Machine virtuelle LINUX (CentOS):
 Installation de l’interpréteur php:
 ON utilise la source de paquets additionnelle EPEL (Extra Package for
Entreprise Linux), que l'on ajoute de cette façon :

 Le dépôt Remi doit être ajouté également, puis on utilise yum-utils car
nous avons besoin de yum-config-manager pour activer le paquet
correspondant à PHP et pouvoir l'installer. On ajout le dépôt remi :

 Installation du yum-utils que l'on va utiliser via yum-config-manager

 Une update de la base et on active PHP 7.3 via le dépôt remi :

 On installe PHP et le paquet php-opcache (cache PHP)

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

21
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

F . Les différentes méthodes du déploiement d’un serveur Web F . Les différentes méthodes du déploiement d’un serveur Web

o Machine virtuelle LINUX: o Machine virtuelle LINUX:


o On redémarrer notre serveur web :  Installation et configuration du Mariadb :
o Avant de passer à la partie base de données, nous allons installer quelques
extensions pour PHP, y compris l'extension pour MariaDB, ainsi que l'outil Curl :
o Pour afficher les informations concernant PHP, notamment sa version
ainsi que les modules chargés. Nous allons créer une page PHP pour
afficher le résultat de phpinfo().
o On crée une page à la racine du serveur web : o Pour terminer, on va installer le serveur MariaDB par l'intermédiaire de 2 paquets :

o On active et on démarre le service mariadb

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

22
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

F . Les différentes méthodes du déploiement d’un serveur Web F . Les différentes méthodes du déploiement d’un serveur Web

 Installation et configuration du Mariadb :  Installation et configuration du Mariadb :


o Le paquet est installé mais sans plus attendre, nous allons sécuriser à minima
l'installation grâce au script "mysql_secure_installation". Il va nous permettre
de définir un mot de passe root (de MariaDB), désactiver l'accès anonyme,
supprimer la base de test, et refuser les connexions distantes avec l'utilisateur
root. Il suffit d'appeler le script et répond par « Y » :

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

23
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

F . Les différentes méthodes du déploiement d’un serveur Web F . Les différentes méthodes du déploiement d’un serveur Web

 Installation et configuration du phpMyAdmin :  Installation et configuration du phpMyAdmin : Test


o On installe PhpMyAdmin pour administrer le serveur MariaDB :

o On autorise l’accès au Mariadb via le phpMyAdmin ( Adresse ip autorisée )

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

24
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

F . Les différentes méthodes du déploiement d’un serveur Web F . Les différentes méthodes du déploiement d’un serveur Web
 Installation et configuration du phpMyAdmin :  Les répertoires de base
Exemple : Cas pratique ( Page web dynamique)  Chaque site Web dispose d'un répertoire de base qui représente l'emplacement
central des publications.
 Ce répertoire peut disposer d'une page d'accueil, qui peut être définit comme
étant une page par défaut.
Exemple : URL www.mondomaine.fr affichera la page accueil.html située dans le
répertoire de base :
 Windows : C:\InetPub\wwwroot
 Linux : /var/www/html
 On peut indiquer :
 Un répertoire physique de la machine (Serveur Web)
 Le partage d'un répertoire distant
 Une redirection vers une autre URL

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

25
2/12/2023

Programmation Web Dynamique Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE Chapitre I: INTRODUCTION GENERALE

F . Les différentes méthodes du déploiement d’un serveur Web F . Les différentes méthodes du déploiement d’un serveur Web
 Les répertoires virtuels  Administration du serveur à distance
Si on souhaite publier des pages depuis tout répertoire n'appartenant pas
Aujourd'hui, on a la possibilité de publier sur un serveur Web plusieurs sites
au répertoire de base, il nous faudra créer des répertoires virtuels.
Web simultanément sur la même machine
Un répertoire virtuel possède un alias qui utilise les navigateurs pour
Pour pouvoir publier plusieurs sites sur une même machine, plusieurs solutions
accéder aux pages publiées dans le répertoire virtuel :
s'offrent :
 Un alias étant plus cours que le chemin d'accès à un répertoire.
 Spécifier plusieurs adresses IP sur votre carte réseau et associer chacune
 Un alias évite de communiquer aux utilisateurs l'endroit où se
de ces adresses au nom de domaine d'un site.
trouvent physiquement les documents et apporte donc un plus au
 Mapper plusieurs noms de domaine sur la même adresse IP en ayant
niveau de la sécurité de votre site.
recours à la technique des noms d'entête d'hôte.
 Un alias évite de modifier les URL de nos liens lorsqu’on déplace
 Associer un autre port IP que le port 80 à votre adresse IP pour publier
physiquement l'ensemble des documents d'un répertoire virtuel.
un site sur un port nommé

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023 Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

26
2/12/2023

Programmation Web Dynamique


Chapitre I: INTRODUCTION GENERALE

F . Les différentes méthodes du déploiement d’un serveur Web

 Administration du serveur web à distance

On a aujourd'hui la possibilité sur un serveur Web de publier plusieurs sites Web


simultanément sur la même machine

 Apache ou IIS offrent la possibilité d'administrer les sites à distance par le biais
d’un gestionnaire de services HTML accessible depuis un simple Browser.
 Serveur IIS  Propriétaire Microsoft
 Gestionnaire des services Internet
 Services Terminal Server
 Outil Administration à distance (HTML)
 ……..etc
 Serveur Apache
 Filezila

Professeur : Rachid DAKIR Filières : SMI -S6 & IGE - S4 A.U : 2022-2023

27

Vous aimerez peut-être aussi