Uncategorized

Débugger sous NodeJS avec VSCode

VSCode est vraiment l’éditeur de code couteau suisse, son avantage est que s’il y a un langage même confidentiel, vous trouverez un plugin. Même s’il n’est pas le meilleur dans chaque catégorie, par exemple je trouve PHPStorm mieux pour le PHP, il est un très bon outil gratuit de surcroît.

Pour NodeJs, c’est un peu plus simple que pour Xdebug en PHP, il y ap lusieur façons de déclencher le débugger de NodeJS, on va voir l’auto déclenchement du débugger dès qu’un process node est en cours d’exécution.

Je suppose que vous ayez un fichier index.js, à exécuter via la commande shell, pour le lancer vous faites node index.js. Si vous ne l’avez pas fait vous pouvez démarrer un projet NodeJS.

Et là vous devrez avoir la barre de status orange, indiquant que le débug est actif.

Configuration de VSCode pour le debug automatique (Auto attach)

Pour activer l’auto attach, faites la combinaison de touche : SHIFT + CTRL + P, une boite de recherche va apparaitre, tapez « Toggle Auto Attach » pour trouver l’option et cliquez dessus.

Maintenant chaque fois que vous démarrez un process NodeJS, VSCode se met en mode debug.

logo ethereum

Requêter Uniswap avec TheGraph

TheGraph s’apuie sur la technologie GraphQL de Faceboo, bien connu des développeurs web, pour requêter Uniswap, à la manière d’une webservice REST.

Il faut se faire la main avec la syntaxe de GraphQL, mais elle est assez intuitive.

Pour ce faire nous allons aller sur le site de TheGraph, et directement sur l’interface de requêtage vers Uniswap V3.

Former une requête simple vers Uniswap V3

Dans la fenêtre, vous allez coller la requêt suivante :

{
  tokens {
    symbol
    name
    decimals
  }
}

Cette requpete va lister tous les tokens, sans filtre.

Filtre avec une crypto spécifique

{
  tokens (where:{name:"Neos Credits"},first:1){
    symbol
    name
    decimals
  }
}
La sandbox de TheGraph

Les entités d’Uniswap V3

La troisième colonne liste les entités que vous pouvez requêter. On retrouve l’entité Token, en cliquant dessus vous aurez le schéma de cette entité.

Retour en haut