7AMP - Création d'un environnement de développement

L'exécution d'un serveur Web de développement local est l'un des meilleurs moyens d'apprendre AJAX; la lire est une chose, mais être capable de faire passer les données brutes entre un navigateur et un serveur est vraiment le seulement façon de vraiment comprendre ce qui se passe à un niveau fondamental. Pour créer les applications et les sites dynamiques et interactifs que nous connaissons et aimons, vous avoir besoin un serveur de développement.

Sur les systèmes Windows, nous n’avons vraiment que quelques options décentes disponibles; nous pouvons utiliser les services IIS (Internet Information Services) de Microsoft, généralement fournis avec les versions Windows de Ultimate ou Business, ou Apache, l’alternative open source extrêmement populaire. Rappelez-vous quand Microsoft détenait 90% du marché des navigateurs? Apache est le MS du monde des serveurs Web et, à certains moments de son illustre histoire, il a connu une domination presque totale dans son domaine respectif..

IIS est généralement assez facile à configurer car il utilise une interface graphique et est assez intuitif. Cependant, IIS est orienté vers le développement avec le framework .net; .net est un langage propriétaire et vous avez généralement besoin de quelque chose comme Visual Studio pour réussir à créer des applications Web avec. Visual Studio n'est pas bon marché (bien que des versions express gratuites soient disponibles et si vous êtes vraiment hardcore, vous pouvez utiliser le bloc-notes pour écrire le code) et de nombreuses personnes préfèrent l'alternative open-source PHP..

De même, MSSql est une solution de base de données parfaitement adaptée proposée par Microsoft, mais comme ses autres offres, elle constitue également une technologie propriétaire. Mysql est gratuit, open-source et très, très populaire. Il est facile à utiliser, robuste et évolutif. C'est pourquoi de nombreux développeurs le préfèrent. Pour créer un environnement de développement, nous voulons vraiment dépenser le moins possible. Nos choix sont donc clairs: Apache comme plate-forme, PHP comme langage côté serveur et Mysql comme technologie de stockage. Mais faire en sorte que toutes ces technologies ne se parlent pas n’est pas aussi simple que d’exécuter quelques installateurs..

Commencer

Tout d’abord, nous devons télécharger les programmes d’installation pour Apache et Mysql ainsi que les fichiers nécessaires à l’exécution de PHP. Les installateurs peuvent être trouvés aux emplacements suivants:

  • http://httpd.apache.org/download.cgi
  • http://dev.mysql.com/downloads/mysql/5.1.html#downloads

Sur les pages ci-dessus, choisissez les packages MSI appropriés pour votre plate-forme (x64 ou x32, par exemple) et vos exigences (vous pouvez également choisir la version SSL complète d'Apache). Cependant, avec PHP, nous ne voulons pas du programme d’installation, nous voulons le fichier zip qui contient tous les fichiers PHP car ce paquet contient plus que ce que vous obtenez avec le programme d’installation standard. On peut le trouver à l'URL suivante:

  • http://uk2.php.net/get/php-5.2.11-Win32.zip/from/a/mirror

Il existe deux fichiers zip différents pour Windows sur le site PHP, assurez-vous de ne pas Obtenez celui avec NTS (non thread-safe) dans le nom car cela ne fonctionnera pas avec Apache (qui est thread-safe). Avant d'exécuter les programmes d'installation ou de décompresser le fichier zip, nous devons juste effectuer quelques tâches système mineures; nous devons arrêter temporairement toutes les applications de messagerie instantanée, car elles peuvent interférer avec l'installation d'Apache, et nous devons désactiver le contrôle de compte d'utilisateur Windows (UAC), car il interfère avec l'utilitaire de configuration Mysql. Pour désactiver le contrôle de compte d'utilisateur, visitez l'application Comptes d'utilisateurs dans le Panneau de configuration:

Dans l'applet, positionnez le curseur sur le réglage inférieur:

Cliquez sur le bouton OK et confirmez la toute dernière notification UAC que vous devriez recevoir (w00t!), Puis redémarrez votre ordinateur comme indiqué..

Installer Apache

La première chose à installer est le serveur Web Apache, qui sert les pages Web aux navigateurs suivant les requêtes HTTP et constitue la base de notre environnement de développement. Exécutez le programme d'installation, cliquez sur le bouton suivant bouton pour commencer et accepter les termes de la licence. Cliquez sur suivant encore et vous devriez alors voir l'écran suivant:

Complétez le dialogue comme indiqué ci-dessus et cliquez sur suivant encore; sur l'écran suivant choisissez le Typique option:

Nous pouvons maintenant continuer à cliquer suivant jusqu'à ce que l'installation se produise. Une fois terminé, vous devriez voir l'icône Apache dans la zone de notification; il devrait avoir un symbole de jeu vert pour indiquer qu'il est en cours d'exécution:

En conséquence du bon fonctionnement d’Apache, nous devrions pouvoir ouvrir un navigateur, tapez http: // localhost dans la barre d'adresse et voir le message suivant:

Configurer Apache

La page Web que nous voyons est en cours de création à partir du répertoire de service de contenu par défaut d'Apache, qui est probablement situé à l'emplacement suivant:

C: / Fichiers de programme (x86) / Apache Software Foundation / Apache2.2 / htdocs

C'est bien, mais ce sera une corvée de devoir creuser si profondément lorsque nous voulons ajouter ou supprimer des fichiers. Nous pouvons facilement configurer Apache pour le contenu du serveur à partir d'un dossier plus proche de vous; créer un nouveau répertoire sur votre C conduire et appeler apachesite.

Dans le groupe de menus Démarrer pour Apache, vous avez la possibilité de Editez le fichier de configuration Apache httpd.conf, choisissez ceci et un fichier texte sera ouvert. C'est le fichier de configuration principal d'Apache; Contrairement à IIS, Apache ne dispose pas d’interface graphique pour la configuration. Nous devons plutôt modifier ce fichier texte pour apporter des modifications au serveur. Faites défiler jusqu'à la Configuration du serveur principalsection n, qui commence à la ligne 144. À la ligne 177, il convient de lire DocumentRoot directive, qui pointera vers le répertoire mentionné ci-dessus. Modifiez cette ligne afin qu’elle pointe vers le répertoire que nous avons créé sur le C conduire:

DocumentRoot "C: / apachesite"

Juste en dessous de cette directive, plusieurs Annuaire les directives; vous aurez besoin de définir le second afin qu'il pointe vers le même chemin que le DocumentRoot:

Enregistrez le fichier et redémarrez Apache en cliquant avec le bouton gauche de la souris sur l’icône dans la zone de notification et en choisissant Apache2.2 → Redémarrer. Pour vous assurer que cela fonctionne, créez un nouveau fichier HTML appelé index.html dans le nouveau répertoire et demande localhost à nouveau depuis le navigateur:

Installer PHP

Ensuite, nous pouvons installer PHP pour qu'Apache puisse exécuter les fichiers PHP si nécessaire. créer un autre nouveau répertoire sur le C conduire et appeler php, puis ouvrez le zip PHP que nous avons téléchargé et faites glisser tout le contenu dans le php dossier. C’est tout ce que nous devons faire en ce qui concerne «l’installation»; il ne reste plus qu'à configurer Apache pour l'utiliser.

Configurer Apache pour utiliser PHP

Modifier le httpd.conf déposer à nouveau; après tout AddModule les directives proches du début du fichier ajoutent le nouveau code suivant:

####### PHP Config ########### LoadModule php5_module "C: /php/php5apache2_2.dll" Application AddType / x-httpd-php .php PHPIniDir "C: / php" # # ###############################

Enregistrez le fichier, mais ne vous inquiétez pas du redémarrage d’Apache car nous devons apporter quelques modifications supplémentaires et redémarrer l’ordinateur quand même..

Configurer PHP

Comme Apache, PHP repose sur une configuration basée sur les fichiers. dans le C: \ php dossier renommer le fichier appelé php.ini-recommandé à php.ini. Maintenant, nous devons ajouter un Classe variable Windows pour qu'il sache où se trouvent les fichiers PHP. Vous devrez revenir à la Panneau de contrôle et ouvrez le Système applet. Sur le Avancée onglet, près du bas de la boîte de dialogue est un bouton appelé Variables d'environnement - Cliquez sur ce bouton pour ouvrir une nouvelle boîte de dialogue:

La nouvelle boîte de dialogue est divisée en 2 sections. dans la section inférieure, sélectionnez la ligne qui a Chemin comme le Variable nom (vous aurez besoin de faire défiler un peu) puis cliquez sur le modifier bouton en dessous de la deuxième section pour ouvrir l'éditeur:

Aller à la fin de la Valeur variable ligne et ajoutez le texte suivant à la valeur existante:

; C: \ php \;

Ceci mappera au php dossier que nous avons créé sur le C lecteur et que nous avons décompressé les fichiers PHP à partir du fichier zip dans. Il est très important que vous ne pas supprimer le texte existant dans le valeur (ou d’autres programmes sur votre machine, ou sur l’ensemble de votre machine, peuvent ne plus fonctionner) et que vous saisissez le nouveau texte exactement comme il est affiché ci-dessus. Une fois que cela est fait, cliquez sur D'accord sur les trois boîtes de dialogue et redémarrez votre ordinateur.

Une fois que votre ordinateur a redémarré, le symbole de lecture vert doit toujours apparaître sur l'icône Apache et PHP doit être configuré avec succès. Pour le tester, créez une page dans votre éditeur de texte et ajoutez-y le code suivant:

Enregistrez le nouveau fichier sous phpinfo.php dans le C: \ apachesite, puis demandez la page en tapant l'adresse suivante dans la barre d'adresse du navigateur:

http: //localhost/phpinfo.php

Votre navigateur devrait afficher la page d'informations PHP:

Succès! Il ne reste plus qu’à installer Mysql et tout est prêt.

Installer Mysql

Exécutez le programme d’installation Mysql que nous avons téléchargé et continuez à cliquer Suivant jusqu'à ce que vous obteniez l'assistant de configuration:

Décocher la registre case puis cliquez sur le terminer bouton. Cliquez sur suivant encore et ensuite sur l'écran suivant choisissez le par défaut Configuration détaillée option:

Sur l'écran suivant, choisissez le Développeur option:

Après avoir cliqué Suivant sur l'écran ci-dessus, choisissez à nouveau l'option par défaut sur l'écran suivant:

Allez aussi avec les valeurs par défaut qui sont sélectionnées sur l'écran suivant:

Et encore une fois, choisissez l'option par défaut à la page suivante:

L'écran suivant a les deux options cochées, il suffit de les cocher et d'avancer:

Ne vous inquiétez pas pour vérifier la Exception de pare-feu Si cela est nécessaire, cela dépendra de votre système et de votre pare-feu. Vous pouvez donc le faire manuellement en une minute, si besoin est. Pourvu que vous souhaitiez seulement le jeu de caractères latins standard, vous pouvez à nouveau choisir celui par défaut et cliquer sur suivant:

Sur l’écran suivant, conservez les valeurs par défaut, mais cochez également la case pour ajouter le chemin d’exécution au Variable de chemin Windows (nous l'avons fait manuellement lors de la configuration de PHP):

Entrez un nouveau mot de passe pour le Racine compte puis cliquez sur Suivant encore:

Sur l'écran final, cliquez sur le bouton Exécuter bouton et les changements de configuration seront appliqués:

Une fois l’assistant terminé, vous devriez voir une confirmation:

À ce stade, vous devez redémarrer votre ordinateur. Vous n'êtes pas invité à, mais Windows est instable et l'installation risque de ne pas fonctionner correctement si vous ne le faites pas. Alors assurez-vous de faire.

Tester Mysql

Ok, vous êtes de retour après le redémarrage, n'est-ce pas? Bien. Vérifions simplement que Mysql fonctionne correctement. Dans le menu de démarrage, il devrait y avoir un Client en ligne de commande Mysql application, choisissez ceci et entrez le mot de passe que vous avez défini lors de l'exécution de l'assistant de configuration de Mysql. Vous devriez voir l'écran suivant:

Entrez la commande suivante à l'invite:

montrer des bases de données;

Les bases de données utilisées doivent être affichées. une tester la base de données est installée par défaut:

Tapez la commande

test d'utilisation;

le tester la base de données sera sélectionnée:

Créons une table de base. tapez la commande suivante:

créer des utilisateurs de table (nom varchar (20), age int);

Cela va créer une nouvelle table appelée utilisateurs et ajoutez-y deux colonnes, l'une pour contenir les données de nom comprenant jusqu'à 20 caractères variables (alphanumériques) et la seconde pour conserver les données d'âge sous forme d'entier. Appuyez sur Entrée et vous devriez obtenir le Requête OK message pour confirmer la création de la table:

Pour renseigner la table avec des données factices, utilisez la commande suivante:

insérer dans les valeurs des utilisateurs ('Dan', 31);

Vous devriez recevoir le message de succès à nouveau après avoir appuyé sur Entrée:

Comme test final, nous pouvons vérifier que les données ont été insérées correctement dans la table en utilisant sélectionner commander:

sélectionnez * parmi les utilisateurs;

Ce qui devrait montrer la table et les données que nous avons insérées:

Configurer PHP pour parler à Mysql

Tout ce que nous avons à faire maintenant, c'est configurer PHP pour qu'il puisse parler à Mysql; plus tôt, nous avons renommé un fichier php.ini dans le Dossier C: \ php, ouvrez ce fichier maintenant dans un éditeur de texte. Tout d’abord, faites défiler jusqu’à la Chemins et répertoires section et trouver le extension_dir directive sur la ligne 536; changez-le pour qu'il apparaisse comme suit:

extension_dir = "./ext"

Puis faites défiler jusqu'au Extensions dynamiques section qui commence à la ligne 628. Dans la Extensions Windows section supprime le point-virgule devant les lignes suivantes:

  • extension = php_mysql.dll
  • extension = php_mysqli.dll

C'est tout ce que nous devons faire. sauvegardez le fichier et redémarrez à nouveau votre ordinateur. Après le redémarrage, vous pouvez vérifier le support Mysql dans phpinfo.php page à nouveau:

C’est un gage de succès, mais en réalité, nous devrions créer un fichier PHP supplémentaire afin de pouvoir vérifier que nous pouvons lire les données de notre base de données; Dans un éditeur de texte, créez le fichier suivant:

Enregistrer ceci sous phpmysql.php dans le C: \ apachesite et demandez-le en utilisant votre navigateur; vous devriez voir le message suivant:

Si cela ne fonctionne pas, essayez de mettre votre pare-feu en mode de formation et vérifiez si vous recevez une notification vous demandant si vous souhaitez autoriser l'application lorsque vous exécutez la page..

Résumé

Nous avons vraiment réussi et nous disposons de l'environnement de développement idéal pour créer des pages dynamiques alimentées par AJAX. Bien sûr, il est possible que nous puissions exécuter divers programmes qui effectueront une partie ou la totalité de la configuration pour nous, mais qui peuvent ou non fonctionner sur la dernière version de Windows, mais quel est le plaisir?! La configuration manuelle de Apache, Mysql et PHP est une réussite et nous donne l'occasion d'en apprendre davantage sur les plateformes que nous utilisons lors de la création d'applications Web modernes..

  • Suivez-nous sur Twitter ou abonnez-vous au fil RSS Nettuts + pour obtenir les meilleurs tutoriels de développement Web sur le Web..