From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../configurer_un_serveur_de_test_local/index.html | 109 ++++++++++++++++++ files/fr/apprendre/common_questions/index.html | 127 +++++++++++++++++++++ 2 files changed, 236 insertions(+) create mode 100644 files/fr/apprendre/common_questions/configurer_un_serveur_de_test_local/index.html create mode 100644 files/fr/apprendre/common_questions/index.html (limited to 'files/fr/apprendre/common_questions') diff --git a/files/fr/apprendre/common_questions/configurer_un_serveur_de_test_local/index.html b/files/fr/apprendre/common_questions/configurer_un_serveur_de_test_local/index.html new file mode 100644 index 0000000000..c9deed5e9b --- /dev/null +++ b/files/fr/apprendre/common_questions/configurer_un_serveur_de_test_local/index.html @@ -0,0 +1,109 @@ +--- +title: Comment configurer un serveur de test local ? +slug: Apprendre/Common_questions/configurer_un_serveur_de_test_local +tags: + - Apprendre + - Débutant + - Express + - Flask + - Node + - PHP + - Python + - Serveurs + - django + - lamp + - localhost +translation_of: Learn/Common_questions/set_up_a_local_testing_server +--- +
+

Cet article explique comment configurer un serveur de test local simple sur votre machine, et les bases pour l'utiliser.

+
+ + + + + + + + + + + + +
Prérequis :Vous devez au préalable savoir comment Internet fonctionne et ce qu'est un serveur Web.
Objectif:Vous apprendrez à configurer un serveur de test local.
+ +

Fichiers locaux contre fichiers distants

+ +

Dans les cours du MDN, la plupart du temps, on vous demande d'ouvrir les exemples directement dans le navigateur — vous pouvez le faire en double cliquant le fichier HTML, en déposant celui-ci dans la fenêtre de votre navigateur, ou en faisant Fichier > Ouvrir... et naviguer jusqu'au fichier HTML, etc... Il y a beaucoup de manières d'y arriver.

+ +

Vous savez que vous avez lancé l'exemple depuis un fichier local, lorsque l'URL commence par file:// suivi du chemin d'accès dans votre système de fichiers. Par contre, si vous consultez un de nos exemples hébergés sur GitHub (ou n'importe quel autre serveur distant), l'adresse web commencera par http:// ou https:// ; dans ce cas le fichier a été servi via HTTP.

+ +

Le problème du test local

+ +

Certains exemples ne fonctionneront pas si vous les ouvrez en tant que fichiers locaux. Il y a plusieurs raisons possibles, dont les plus courantes sont :

+ + + +

Créer un serveur HTTP local simple

+ +

Pour contourner le problème des requêtes asynchrones, nous devons tester de tels exemples en les exécutant depuis un serveur local. Le module SimpleHTTPServer de Python permet une mise en œuvre simple de cette solution.

+ +

Voilà la marche à suivre :

+ +
    +
  1. +

    Installer Python. Si vous utilisez GNU/Linux ou macOS, un environnement python est sans doute déjà disponible sur votre machine. Les utilisateurs de Windows pourront trouver un installeur depuis la page d'accueil de Python (on y trouve toutes les instructions) :

    + +
      +
    • Allez à python.org
      • +
    • Sous Télécharger, cliquez le lien pour Python "3.xxx".
      • +
    • Tout en bas de la page,  télécharger le fichier pointé par le lien Windows x86 executable installer.
      • +
    • Exécuter ce programme quand le téléchargement est fini.
      • +
    • Sur la première page de l'installeur, assurez-vous d'avoir coché la case  "Ajouter Python 3.xxx to PATH".
      • +
    • Cliquer Install, puis Fermer quand l'installation est complète.
      • +
    +
    2. +
  2. +

    Ouvrez votre invite de commandes (Windows)/terminal (OS X et GNULinux). Pour vérifier que l'installation précédente s'est déroulée correctement, entrez la commande suivante :

    + + 
    python -V
    +
    3. +
  3. +

    Elle devrait retourner un numéro de version. Si c'est le cas, en utilisant la commande cd, placer votre répertoire de travail dans le dossier contenant l'exemple.

    + + 
    #inclure le nom du dossier pour y s'y rendre,
+#par exemple
+cd Bureau
+# utiliser deux points pour remonter dans
+#le dossier parent si nécessaire
+cd ..
    +
    4. +
  4. +

    Entrer la commande pour démarrer le serveur dans ce dossier.

    + + 
    # Si la version de Python retournée est ultérieur à 3.X
+python3 -m http.server
+# Si la version de Python retournée est ultérieur à 2.X
+python -m SimpleHTTPServer
    +
    5. +
  5. +

    Par défaut, il affiche la liste des fichiers  du dossier sur un serveur de développement, sur le port 8000. Vous pouvez aller à ce serveur en saisissant  l'URL localhost:8000 dans votre navigateur web. Vous verrez le listing du dossier dans lequel le serveur tourne — cliquer le fichier HTML que vous voulez exécuter.

    +
    6. +
+ +
+

Note : Si le port 8000 est occupé, vous pouvez choisir un autre port en spécifiant une autre valeur après la commande par exemple python -m http.server 7800 (Python 3.x) ou python -m SimpleHTTPServer 7800 (Python 2.x). Vous pouvez maintenant accéder à votre contenu à l'adresse localhost:7800.

+
+ +

Faire fonctionner localement des langages serveur

+ +

Le module SimpleHTTPServer de Python est utile, mais il ne sait pas comment exécuter du code écrit dans des langages comme PHP ou Python. Pour gérer ça, vous aurez besoin de quelque chose en plus — ce dont vous aurez besoin exactement dépend du language serveur que vous essayez d'exécuter. Voici quelques exemples :

+ + diff --git a/files/fr/apprendre/common_questions/index.html b/files/fr/apprendre/common_questions/index.html new file mode 100644 index 0000000000..3dc2df9fca --- /dev/null +++ b/files/fr/apprendre/common_questions/index.html @@ -0,0 +1,127 @@ +--- +title: Questions fréquentes +slug: Apprendre/Common_questions +tags: + - Learn + - Web + - WebMechanics +translation_of: Learn/Common_questions +--- +
{{LearnSidebar}}
+ +

Cette section de la zone d'apprentissage est là pour fournir des réponses aux questions fréquentes qui peuvent survenir et qui ne concernent pas nécesserairement l'apprentissage du code (par exemple les articles sur HTML ou CSS.) Ces articles sont conçus pour être lus de manière indépendante.

+ +

Comment le Web fonctionne

+ +

Cette section couvre les mécaniques du Web — les questions en relation avec les connaissances de l'écosystème du web et son fonctionnement.

+ +
+
+

Comment fonctionne Internet?

+
+
Internet est la colonne vertébrale du Web, l'infrastructure technique qui rend le Web possible. A sa base, Internet est un vaste réseau d'ordinateurs qui communiquent ensemble. Cet article traite de son fonctionnement, de manière basique.
+
+

Quelle est la différence entre une page web, un site web, un serveur web et un moteur de recherche?

+
+
Dans cet article nous abordons les différents concepts liés au web : une page web, site web, serveur web, et moteur de recherche. Ces termes sont souvent confondus par les nouveaux internautes, ou mal utilisés. Voyons ce que chacun d'eux signifient.
+
+

Qu'est-ce qu'une URL?

+
+
Avec {{Glossary("Hypertext", "le lien hypertexte")}} et {{Glossary("HTTP")}}, l'URL est l'un des principaux concepts du Web. C'est le mécanisme utilisé par le {{Glossary("Browser","navigateur web")}} pour récupérer n'importe quelle ressource publiée sur le Web.
+
+

Qu'est-ce qu'un nom de domaine?

+
+
Les noms de domaine sont une partie essentielle du fonctionnement d'Internet. Ils fournissent une adresse compréhensible pour un humain de n'importe quel serveur web disponible sur Internet.
+
+

Qu'est-ce qu'un serveur Web?

+
+
Le terme "serveur Web" peut indiquer le matériel ou le logiciel qui fournissent les sites web aux clients à travers le web — ou les deux travaillant ensemble. Dans cet article nous verrons comment fonctionnent les serveurs web et quelle est leur importance.
+
+

Que sont les liens hypertextes?

+
+
Dans cet article nous verrons ce que sont les liens hypertextes et pourquoi ils sont importants.
+
+ +

Outils et installation

+ +

Questions relatives aux outils/logiciels que vous pouvez utiliser pour construire des sites web.

+ +
+
+

Combien ça coûte de créer quelque chose sur le Web?

+
+
Quand vous démarrez votre site web, vous pouvez ne rien dépenser ou alors complètement dépasser vos estimations.  Dans cet article nous aborderons le prix de chaque chose et de ce que vous aurez si vous payez (ou ne payez pas).
+
+

Quel logiciel est nécessaire pour construire un site web?

+
+
Dans cet article nous expliquerons quel logiciel est nécessaire pour l'édition, l'upload, ou pour la visualisation d'un site web.
+
+

Quels sont les éditeurs disponibles?

+
+
Dans cet article nous mettrons en avant quelques points à retenir concernant le choix et l'installation d'un éditeur de texte pour le développement web.
+
+

Comment installer un environnement de base pour travailler?

+
+
Quand vous travaillez sur un projet web, vous souhaiterez le tester en local avant de l'exposer à tout le monde. Certains types de code nécessitent un serveur web pour tester, dans cet article nous allons vous montrer comment le configurer. Nous allons aussi voir une structure à mettre en place afin que les fichiers restent organisés quand le projet grandira.
+
+

Que sont les outils de développement du navigateur?

+
+
Chaque navigateur web possède un ensemble d'outils d'aide au développement du HTML, CSS, et des autres codes. Cet article explique comment utiliser les outils de développement de votre navigateur.
+
+

Comment être sûr que votre site fonctionne correctement?

+
+
Alors vous avez publié votre site web en ligne — très bien ! Mais êtes vous sûr qu'il fonctionne correctement ? Cet article fourni quelques étapes de dépannage basique.
+
+

Comment transférer des fichiers vers un serveur web?

+
+
Cet article montre comment mettre son site en ligne en utilisant un outil FTP — un des moyens les plus fréquents de publier son site afin qu'il soit disponible aux autres depuis leurs ordinateurs.
+
+

Comment utiliser GitHub Pages?

+
+
Cet article fourni un guide basique pour publier du contenu en utilisant l'outil gh-pages de GitHub.
+
+

Comment héberger son site sur Google App Engine?

+
+
Vous recherchez un endroit pour héberger votre site web? Voici un guide pas-à-pas pour héberger votre site sur Google App Engine.
+
+

Quels outils sont disponibles pour corriger et améliorer les performances du site web?

+
+
Cette série d'articles vous montre comment utiliser les Outils de Développement de Firefox afin de déboguer et améliorer les performances de votre site web, en utilisant les outils pour vérifier l'utilisation de la mémoire, l'arbre d'appel de JavaScript, la quantité de noeuds DOM affichée, et plus encore.
+
+ +

Conception et accessibilité

+ +

Cette section rassemble les questions liées à l'esthétique, la structure des pages, aux techniques d'accessibilité, etc.

+ +
+
+

Comment démarrer dans la conception  de mon site web?

+
+
Cet article couvre la première étape la plus importante de tous les projets: définir ce que vous voulez accomplir avec.
+
+

Que contiennent les mises en page classiques?

+
+
Lorsque vous concevez des pages pour votre site Web, il est bon d'avoir une idée des mises en page les plus courantes. Cet article présente quelques mises en page typiques du web, en analysant les parties qui composent chacune d'entre elles.
+
+

Qu'est-ce-que l'accessibilité?

+
+
Cet article est une introduction aux concepts de base de l'accessibilité web.
+
+

Comment concevoir pour tous les types d'utilisateurs?

+
+
Cet article fournit quelques techniques de base afin de vous aider dans la conception de sites web adaptés à tous les types d'utilisateurs — de rapides astuces d'accessibilité, en quelque sorte.
+
+

Quelles fonctionnalités HTML favorisent l'accessibilité?

+
+
Cet article décrit les fonctionnalités spécifiques d'HTML qui peuvent être utilisées afin de rendre les pages accessibles aux personnes ayant certaines difficultées.
+
+ +

Questions HTML, CSS et JavaScript

+ +

Pour les solutions fréquentes aux problèmes de HTML/CSS/JavaScript, essayez les articles suivants:

+ + -- cgit v1.2.3-54-g00ecf