Recap sur la session précédente
- L'utilisation du HTML et du CSS pour créer des pages web simples
- REGARD DE QUELQUES PAGES
Installer un serveur local
Introduction
Pour le développement d'un site internet ou d'un outil, on utilise le plus souvent un serveur local. Le serveur local est un serveur directement installé sur un ordinateur localement accessible, et normalement non accessible sur le web. Cela permet de développer le site et de le tester dans les conditions proche de celle de l'internet sans pour autant exposer son travail ou créer des problème d'utilisation de son site.
Une bonne pratique consiste à installer un serveur local (par exemple, sur son propre ordinateur, ou sur un ordinateur accessible localement), à développer sont site sur ce serveur, et de le publier sur un serveur accessible par le web une fois le site développé dans une version acceptable point-de-vue utilisateur.
L'avantage d'une telle pratique est que vous pouvez travailler et améliorer votre site pendant qu'une version stable est accessible en ligne. Vous pouvez alors tester des fonctionnalités, transformer votre site sans que cela impacte l'utilisation de votre site.
Installation
Il est possible d'installer un serveur de façon native, ce qui est relativement compliqué, ou d'utiliser un logiciel qui permet d'installer le serveur et de le gérer via l'interface du logiciel. Il existe plusieurs logiciels permettant d'installer plus simplement une serveur local. Nous utilisons ici MAMP, utilisable pour windows et macos
1. Téléchargement et installation
- Installer la version correspondante à votre système
- Ouvrir MAMP (attention MAMP et non MAMP Pro!)
"Name" est le nom du serveur et la façon dont il va être appelé par le navigateur. Par convention, on l'appelle "localhost".
Document root est le dossier dans lequel les dossiers et fichiers sont stockés. Lorsque le navigateur demande un fichier au serveur, celui-ci donne le fichier correspondant contenu dans ce dossier. Ceci peut être modifié dans les préférences.
Webserver est le type de serveur. Classiquement il en existe 2: apache et nginx. (différences: https://www.ionos.fr/digitalguide/serveur/know-how/nginx-vs-apache/)
PHP version est la version du serveur utilisée par le serveur.
- Démarrer le serveur (Start). Lorsque le bouton est vert, le serveur est lancé et utilisable. Une page devrait s'ouvrir automatiquement. Sinon: http://localhost:8888/MAMP/
Accès aux informations relative au serveur: dans l'onglet PHP, cliquez sur phpinfo
À peu près toutes les informations sur le serveur sont contenues dans cette page. Si cette page n'est pas accessible, créez une page php (e.g., index.php) dans le serveur et incluez le code suivant.
accès aux bases de données: dans l'onglet mysql, cliquez sur phpMyAdmin
phpMyAdmin est une interface de gestion des bases de données mysql.
Informations sur le serveur
<?php
phpinfo();
?>2. Installation des fichiers
- déplacer vos fichiers html et css dans le dossier du serveur.
- la page index.html devrait apparaître sur localhost:8888 (ou en cliquant sur "My Website" en haut de la page).
3. connection avec visual studio code
- ouvrez la barre de commande
mac: command + shit + p
windows: ?
- lancer la commande "show live server preview" ("live" peut être suffisant)
À chaque fois que vous sauvez un document, la page web est automatiquement relancer sur le navigateur. Il vous ait donc maintenant possible de voir l'évolution de votre site à chaque fois que vous sauver un fichier.
Installation de wordpress
L'installation de wordpress comporte quatre étapes:
- l'installation des fichiers
- la création d'une base de données et d'un utilisateur
- la préparation de l'installation
- la configuration du site
Installation des fichiers
Les fichiers de wordpress sont accessibles à wordpress.org
Téléchargez-les, décompressez-les et installez-les dans le dossier racine du serveur
Création d'une base de données et d'un utilisateur
Le compte utilisateur peut être créer en même que la base de données, si bien que ce compte n'est utilisé que pour cette base et vice-versa.
- Connection à http://localhost:8888/phpMyAdmin/?lang=en
- Cliquez sur User accounts
- Puis sur Add user accounts
- Entrez les paramètres pour l'utilisateur
- Cochez "Create database with same name and grant all privileges"
- Validez en cliquant sur "Go" en bas de page.
- La confirmation apparaît en haut de page.
Préparer l'installation
- Retournez sur la page de wordpress à http://localhost:8888/wordpress
- Choisissez la langue du site
- Entrez les informations relative à la base de données (cf. la figure de droite)
- Validez, puis lancez l'installation
Configuration du site
- Entrez les informations pour le site
- Les infos utilisateur données ici sont différentes que celles de l'utilisateur de la base de données (pour des raisons de sécurité)
- Cet utilisateur est administrateur par défaut
- Valider
Votre wordpress est maintenant prêt à l'URL http://localhost:8888/wordpress
