Cet article est d'abord un article intéressé. En effet, dans le cadre du plugin gallery, une bonne partie de l'interface d'administration repose sur des requêtes asynchrones répétées, notamment pour gérer la création/mise à jour des miniatures des images, opérations coûteuses, et pas gérables en une seule page PHP dès lors qu'il commence à y avoir un nombre conséquent de miniatures à générer.

Le plugin Gallery pour dotclear2 repose sur une couche de traitement ajax qui va gérer une queue d'événements. Pour ce qui est des aspects techniques, il repose sur jquery.ajaxmanager.

Seulement voilà, qui dit Ajax dit moins de visibilité sur les erreurs potentielles. Ce petit article est là pour tracer les éventuelles erreurs invisibles.

Il faut d'abord 2 outils : firefox, et l'incontournable firebug (les versions utilisées ici sont firefox 3.6.6 et firebug 1.5.4). L'exemple d'application est ici la page de génération des nouvelles images du plugin gallery en action.

1. Commencez par activer firebug, via la touche F12, et activez la console si ce n'est pas déjà fait : fbug_enable_console.png

2. Allez ensuite sur la page générant des appels ajax, et déclenchez-les (pour le plugin gallery, un clic sur soumettre après avoir sélectionné le répertoire dans l'onglet "gestion des nouvelles images" en déclenche un certain nombre). L'onglet "Console" affiche alors les requêtes Ajax effectuées. Dans notre exemple, 5 requêtes "GET" sont faites : fbug_ajax_requests.png

3. En dépliant chaque requête il est possible de voir ce qui a été envoyé, et ce qui a été reçu :

  • L'onglet "Paramètres" résume les paramètres transmis à l'URL

fbug_params.png

  • L'onglet "En-têtes" indique les headers renvoyés en réponse à la requête

fbug_headers.png

  • L'onglet "contenu" indique le contenu de la réponse

fbug_answer.png