Mon espace personnel

Posts in category Développement Web

WAMP local : lenteur de l’affichage des pages web (mis à jour)

Jan17
2012 2 Comments Written by brunocaruso

(cet article a été mis à jour le 17/01/2012 et fait suite à un précédent)

Si vous constatez une lenteur dans l’affichage des pages PHP de votre serveur web local sous Windows (WAMP) et que vous êtes sous Vista ou Seven, j’ai peut-être la solution pour vous.

Les symptômes

  • La demande de la page est trop longue et semble interminable. Le message “en attente de [nom.de.votre.hote.local]” situé en bas de votre navigateur dans la barre d’état persiste pendant de nombreuses secondes.
  • Malgré ce retard, l’utilisation de timer microtime (qui permet de connaître la durée d’exécution d’une script PHP) indique un chiffre très bas et normal (de l’ordre de 0.00005ms).

Solution ?

Le problème se situe au niveau de la résolution DNS si vous utilisez des hôtes virtuels. Sous Vista et Seven (32 et 64 bits), il faut désactiver la résolution dns IPV6 pour les hôtes locaux. Pour cela il faut éditer le fichier C:\Windows\System32\drivers\etc\hosts et commenter la ligne suivante :

::1   localhost

Ce qui donne :

#::1 localhost

Comment éditer ce fichier ?

Vous ne pouvez modifier ce fichier directement car il faut être l’utilisateur Administrateur (fichier se trouvant dans le dossier système C:\Windows\System32\). Même avec un utilisateur ayant des droits administrateur cela ne passe pas.

Pour cela 2 possibilités :

1 – Menu Démarrer – Bloc Note (ou Notepad) – clic droit + Exécuter en tant qu’Administrateur.
Cela lancera Bloc Note. Ouvrez le fichier C:\Windows\System32\drivers\etc\hosts, commenter la ligne et sauvegarder.

2 – copier le fichier C:\Windows\System32\drivers\etc\hosts sur votre bureau. Editer ce fichier hosts de votre bureau puis recopier le nouveau fichier une fois modifié dans son emplacement d’origine.

A partir de là, les pages web devraient s’afficher quasi instantanément. Si ce n’est pas le cas, il faudra ouvrir une ligne de commande (C:\Windows\System32\cmd.exe) et raffraichir le cache DNS avec la commande suivante :

ipconfig /flushdns

Un message vous confirmera le nettoyage du cache DNS :

Configuration IP de Windows

Cache de résolution DNS vidé.
Posted in Serveurs Web

S’envoyer ses logs Apache par mail tous les jours

Jan16
2012 Leave a Comment Written by brunocaruso

(ceci concerne un serveur dédié sous Linux)

J’avoue être un gros paresseux et je regarde rarement les logs Apache stockés sur le serveur web. L’idéal serait de s’envoyer ses logs Apache directement par mail le matin au réveil. Pour cela j’utilise un script maison qui s’exécute tous les jours à 1 heure du matin (merci Crontab).

Pour envoyer les pièces jointes, on doit recourir à Mutt ou un utilitaire plus léger et dédié à l’envoi de fichiers en pièce jointe par mail : Biabam (site officiel).

Installation de BiaBam

Biabam figure dans les dépots des distributions Linux les plus utilisées. Personnellement j’utilise Debian, on va donc l’installer en utilisant l’utilitaire apt-get :

apt-get install biabam

Syntaxe de Biabam

La syntaxe de biabam est la suivante :

echo "contenu du mail" | biabam nomdufichier -s "objet du mail" "destinataire1, destinataire2, destinataire.."

Pour obtenir la date d’hier j’utilise une bidouille :

datehier="$(date +%Y_%m_%d --date '1 day ago')"

Mes logs Apache sont bien sous cette forme :

nomdudomaine.tld_sousdomaine-access_%Y_%m_%d.log

Mon script

Voici mon script (à améliorer) qui me permet de gérer le processus d’envoi par mail : 

#!/bin/bash
#
# Script qui permet d'envoyer par mail les logs Apache de la veille
# ./bk_logsapache_hier
#
# (c) Bruno Caruso - brunocaruso [AT] gmail.com
#

dossierlog="/var/log/apache2"
dossierbk="/home/dev/BK/Apache/Logs"
maildestinataire="brunocaruso[AT]gmail.com"

datehier="$(date +%Y_%m_%d --date '1 day ago')"
cp $dossierlog/*$datehier* $dossierbk

cd $dossierbk
tar -vczf "$datehier"_Apache_Logs.tar.gz *.log
echo "Les logs du $datehier" | biabam "$datehier"_Apache_Logs.tar.gz -s "Logs Apache du $datehier" $maildestinataire
rm $dossierbk/*

Je rajoute l’exécution de ce script dans Crontab (crontab -e). Ce script s’exécute tous les jours à 1h du mat :

0 1 * * * /home/dev/scripts/bk_logsapache_hier.sh

L’envoi du mail comportant les logs (compressés dans une archive) a bien lieu tous les matins. Ici une capture de mon logiciel de courrier The Bat :

Les Logs Apache envoyés par mail

Posted in Linux, Serveurs Web

Lenteur des pages dans un WAMP local

Jan13
2011 1 Comment Written by brunocaruso

Cet article a été mis à jour. Pour y accéder c’est ici : WAMP local : lenteur de l’affichage des pages web (mis à jour).

CSS + IE6 : comportement hover sur tous élements HTML

May11
2010 1 Comment Written by brunocaruso

Internet Explorer 6, version fournie avec Windows XP est LA plaie de tout webmaster. Et quand j’emploie le mot “plaie”, je suis même plutôt gentil… Ce navigateur devrait même être banni tellement il ne respecte pas les standards d’affichage et de codage…

Si vous utilisez le comportement :hover sur autre chose qu’une balise de lien (a) avec IE6, ça ne marche tout simplement pas (ou du moins ça bug énormément). Le “hover” permet de définir un comportement lorsque vous survolez l’élément avec la souris.

Sous IE6, pour pouvoir faire du :hover sur autre chose qu’une balise A, vous devez utiliser un “hack”.

- Télécharger le fichier csshover3.htc que vous trouverez sur http://www.xs4all.nl/~peterned/csshover.html
- Le copier dans le dossier que vous utilisez pour vos feuilles de style.
- Rajouter dans la partie head de vos fichiers .html le code suivant :

<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" />
<![endif]-->

(ce code permet de définir de nouvelles règles spécifiques pour IE6. Ces règles seront définies dans la feuille de style ie6.css)

Dans ie6.css :

body {
behavior: url("csshover3.htc");
}

Maintenant vous pouvez faire un hover avec d’autres balises que le A (exemple des images ou des div).

Tagged , , ,

MySQL et PHP : problème d’encodage UTF-8 et ISO-8859-1

Oct23
2009 Leave a Comment Written by brunocaruso

Lorsqu’on créait des tables Mysql avec PhpMyAdmin (par exemple), elles sont créés par défaut avec l’encodage latin1 (ISO-8859-1).
Même en convertissant manuellement les tables en UTF8, PHP interprète toujours les données de la table au format latin1, ce qui se traduit par des erreurs d’affichage sur les caractères spéciaux.

Le fait que le fichier source PHP ait UTF-8 comme encodage par défaut (paramètre définit dans Dreamweaver) et que le meta http-equiv=”Content-Type” est bien défini à text/html; charset=utf-8 n’y changera rien.

La solution :

Après avoir établi la connexion à la base de données, on défini le type d’encodage via la fonction
mysql_set_charset("utf8");

Ce qui donne par exemple : 

class dBEx {
   private $dbh;
   private $encodage:

   function connect ($dbuser, $dbpassword, $dbname, $dbhost) {
      $this->dbh = @mysql_connect($dbhost, $dbuser, $dbpassword);
      $this->encodage = mysql_set_charset("UTF-8");
      ...
   }
...
}

PHP et Apache affichent maintenant les caractères en UTF-8 tels quels dans la table.

Tagged , , , ,

Comment empêcher <pre> de faire dépasser le texte de la page ?

Jun22
2009 1 Comment Written by brunocaruso

En HTML, la balise pre dit “pré formatée” permet de conserver la mise en page d’un texte sans aucune interprétation. C’est très utile pour conserver les espaces ou les caractères spéciaux normalement interpretés par HTML (comme < ou >). Mais cette balise a un gros défaut, c’est que si la ligne est très longue, elle va dépasser de la page.

Recommandée dans la rédaction d’articles de wiki de leur intranet, beaucoup d’employés recourent à la balise pre pour un peu tout et n’importe quoi. Puis lorsque les employés impriment certaines documentations, le texte est tronqué. Pas très sérieux tout ça…

La solution est de recourir à un ajout de code CSS, directement dans le fichier main.css stocké dans le répertoire du thème utilisé par MediaWiki (par défaut /skins/monobook). Ce hack permet les retours à la ligne automatiques :


pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

(hack pris sur labnol.blogspot.com)

Tagged , ,

Comment utiliser la coloration syntaxique sur MediaWiki ?

Jun22
2009 1 Comment Written by brunocaruso

J’aime prendre des notes pour rassembler mes idées. Il y a plusieurs années j’aimais noter toutes mes “aventures” sous Linux et BSD sur un gros cahier. Mais vu le nombre de pages que cette bible a atteind, il était franchement difficile de retrouver la moindre information. Je suis donc passé aux fichiers .doc (ou plutôt .odt), bien plus souples mais dont l’organisation linéaire tel un livre ne collait pas à mes souhaits. Puis je suis passé à Google Notebook, génialissime mais qui nécessite d’être forcément connecté pour lire ces notes (je suis pas fan du “tout online”).

A présent j’utilise un système de Wiki MediaWiki stocké sur mon serveur WAMP local : trouver une information est très simple et le fait que Wikipedia est basé sur MediaWiki a renforcé mon choix (même si MediaWiki est surdimensionné pour mes besoins).

Mon Wiki local comporte plusieurs rubriques dont la majorité des pages sont des tutoriaux et des prises de notes liés à du code informatique (langage Action Script 3, PHP5, HTML, Java, CSS, XML, etc..). Mais malheureusement MediaWiki ne gère pas la coloration syntaxique nécessaire pour se repérer dans des longues séries de code. Pour cela j’utilise l’extension Syntax Highlighter Code Colorizer for Mediawiki.

Voici comment faire pour intégrer la coloration syntaxique sous MediaWiki :

  • Télécharger syntax-highlighter-code-colorizer.zip for MediaWiki sur la page download
  • Dézipper l’archive dans le répertoire /extensions/ de MediaWiki
  • Editer le fichier LocalSettings.php stocké à la racine et rajouter la ligne :

require_once("extensions/syntax-highlighter-code-colorizer/syntax-highlighter-mediawiki.php");

  • Ensuite lorsqu’on créait une page Wiki il suffit d’utiliser le code HTML suivant :

<pre class="brush:[alias-du-code]></pre>

où [alias-du-code] est le language utilisé du code.

Exemple :

<pre class="brush:html">
   <html>
      <h1>Test du code<h1>
  </html>
</pre>

Ce qui donne :

Coloration Syntaxique sous MediaWiki

Tagged ,

WordPress : Prise en compte de la langue française

Jun19
2009 Leave a Comment Written by brunocaruso

Même s’il existe une version entièrement francisée de WordPress par l’excellentissime WordPress Francophone, j’aime travailler à partir de la version anglaise.

Dans le cas où vous utilisez un thème emprunté sur WordPress.org : Répertoire de thèmes gratuits et non disponible en langue française (non internationalisé), vous devriez éditer les fichiers du thème manuellement pour tenir compte des noms des champs affichés, qui ont été personnalisés par l’auteur du thème… Bon courage.

  • Tout d’abord, il suffit de télécharger le fichier compilé .mo disponible sur “http://www.wordpress-fr.net/telechargements.
  • Créer le dossier /wp-content/languages/
  • Placer le fichier fr_FR.mo dans ce dossier
  • Editer le fichier wp-config.php situé à la racine du répertoire d’installation de WordPress et modifier la variable WPLANG par define (‘WPLANG’, ‘fr_FR’);
  • Recharger la page, et hop : WordPress vous “parle” maintenant dans la langue de Molière, que ce soit pour les formats des dates affichées (Janvier et non January par exemple) que dans l’interface d’administration ou lors de l’installation.

Wordpress en français

Tagged , ,

Focus au démarrage d’une page

Jun19
2009 Leave a Comment Written by brunocaruso

Le navigateur Firefox utilise la page de démarrage par défaut http://www.google.fr/firefox. Or pour des raisons pratiques, de performances et de confidentialité (je n’aime pas requêter Google à chaque fois que je lance mon navigateur préféré), je me suis fait ma propre page de démarrage stockée en local (rapidité) qui comporte des raccourcis vers des sites que je visite régulièrement. Cette page intègre un formulaire identique à la page par défaut de Firefox et permet d’interroger Google.

A chaque affichage de la page, je veux que le champs de saisie (input type=”text” name=”q”) de ce formulaire soit automatiquement sélectionné. Pour cela je recours à du javascript dans le code HTML de ma page. Cette fonction javascript est lancée au démarrage (grâce à l’évènement onLoad positionné directement dans le tag body).

Extrait du code dans le head :

<script type="text/javascript">
function fairefocus() {
document.gform.q.focus();
}
</script>

Dans le body de la page :

<body onLoad="fairefocus();">
[...]
<div id="google">
<form action="http://www.google.fr/search?hl=fr" name="gform">
Recherche Google :
<input type="text" name="q" /><input type="submit" />
</form>
</div>

La page affichée avec le formulaire Google :

Image de ma page de Démarrage personnalisée Google

Il suffit ensuite de définir la page HTML comme page d’accueil de Firefox : Outils – Options – Général – Démarrage – Page d’accueil et le bouton “Pages courantes”. Veillez à ce que cette page soit la seule lancée dans Firefox, car sinon Firefox ajoutera toutes les pages ouvertes dans Firefox dans ce champs et lancera toutes ces pages à chaque démarrage.

Image sur comment définir une page d'accueil dans Firefox

Tagged , , ,