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
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).
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.
Notre client est bien modifié si l’on change le contenu HTML à l’aide du 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.