Configurer votre environnement

Configurer votre environnement

Vos fichiers doivent se trouver dans des dossiers connus du serveur. Deux possibilités : les placer dans la racine documentaire (« Portable Directory ») ou utiliser des « Working Directories ».

1. Option 1 : « Portable Directory »

Choisissez cette option pour utiliser Devserver de manière portable : installé sur une clé USB, une carte mémoire ou un autre support amovible, il peut servir sur plusieurs ordinateurs pour développer, faire une démonstration ou une présentation.

Enregistrez les fichiers dans <dossier-installation>\eds-www, puis ouvrez-les dans le navigateur depuis le Dashboard, section Portable Directory, ou directement à http://127.0.0.1/. Si le port diffère de 80, précisez-le : http://127.0.0.1:8080/ pour le port 8080, à adapter à votre configuration.

2. Option 2 : « Working Directories »

• Créez le dossier qui contiendra vos fichiers, à l’endroit de votre choix sur l’ordinateur : lecteur C:, D:…
• Ouvrez le Dashboard dans le navigateur à http://127.0.0.1:1111/, puis cliquez sur + add directory.
• Remplissez les champs, cliquez sur save et patientez quelques secondes : les serveurs en cours d’exécution doivent redémarrer.

Vous pouvez maintenant ouvrir vos fichiers dans le navigateur depuis le Dashboard, section Working Directories.

3. Votre première page

De nombreux éditeurs de code proposent la coloration syntaxique. Les exemples de l’article d’origine comprennent Notepad++ (https://notepad-plus-plus.org/), Sublime Text (https://www.sublimetext.com/) et Atom (https://atom.io/). Étapes :

• Ouvrez l’éditeur de code.
• Créez un fichier.
• Saisissez la structure d’une page HTML :

  <!doctype html>
  <html lang="en">
  <head>
  <meta charset="utf-8">
  <title>Your page</title>
  </head>
  <body>
      ...
  </body>
  </html>

• Ajoutez du PHP, par exemple pour afficher la date :

  <?php
  echo "The current date is ";
  echo date("l F d, Y");
  ?>

  Code complet :

  <!doctype html>
  <html lang="en">
  <head>
  <meta charset="utf-8">
  <title>Your page</title>
  </head>
  <body>
  <?php
  echo "The current date is ";
  echo date("l F d, Y");
  ?>
  </body>
  </html>

• Enregistrez la page dans Portable Directory ou un dossier déclaré dans Working Directories, avec l’extension .php, par exemple date.php. Vérifiez que les extensions de fichiers sont visibles dans le système (aide).
• Ouvrez le fichier dans le navigateur depuis le Dashboard. Un résultat semblable à celui-ci doit apparaître :

  The current date is Sunday April 2, 2017

4. Rappel

Devserver est destiné au développement local et aux tests de vos pages avant leur transfert vers un hébergement, pas à l’exploitation d’un serveur de production. L’article historique ne garantit pas un fonctionnement optimal de cette distribution Windows en production, notamment pour la fiabilité ou la montée en charge.