Nous avions déjà vu à quoi sert VorlonJS et comment il est possible de le mettre en place. Aujourd’hui, nous allons voir comment il est possible de débugguer un site web, notamment un site de production, sur lequel VorlonJS n’est pas intégré.

Lancer le proxy

Commencez par naviguer vers l’URL du proxy, dans mon cas : http://localhost:1337/httpproxy

proxy VorlonJS

Vous n’avez qu’à saisir l’url de votre site et à sélectionner l’une des 3 actions :

  • Ouvrir la page “proxifiée” et le dashboard
  • Ouvrir la page uniquement
  • Ouvrir uniquement le dashboard

Je vais choisir ici la première option. Attention, il est probable que votre navigateur bloque automatiquement l’ouverture de ces fenêtres puisque le proxy est sur un port différent (5050 dans mon cas).

localhost:5050

Consulter le dashboard

Si l’on ouvre ensuite le dashboard on pourra constater que notre client est bien présent et qu’il est effectivement possible de manipuler notre client.

dashboard

Notre client est bien modifié si l’on change le contenu HTML à l’aide du plugin “Dom Explorer”.

plugin Dom Explorer

Conclusion

VorlonJS est à l’heure actuelle un projet encore jeune et il n’est pas conseillé de le mettre en pratique sur des sites de production. Malheureusement, c’est souvent vis à vis de sites “publiques” qu’il faudra débugger un terminal. C’est pour cela que l’équipe du projet a proposé cette parade élégante permettant de s’intégrer dans un site existant sans nécessiter de déploiement d’aucune sorte.

Ne ratez plus aucune actualité avec la newsletter mensuelle de SoftFluent

Newsletter SoftFluent