Comment déboguer le Code du noeud. JS utilise plusieurs outils

Noeud. JS est basé sur l’exécution JavaScript du même moteur V8 utilisé dans Google Chrome. Il est souvent utilisé pour créer des applications de terminal côté serveur et multiplateforme. Noeud. JS est devenu de plus en plus populaire au cours de la dernière décennie parce qu’il est facile à installer, pratique, rapide et permet aux développeurs web clients d’utiliser leurs compétences ailleurs. Cependant, le développement de logiciels reste une tâche complexe, tout comme votre code de noeud. JS échouera à un moment donné. Ce tutoriel montre une variété d’outils pour vous aider à déboguer votre application et à trouver la cause du problème.
On entre. Deno est un autre type d’exécution JavaScript. Comme un noeud. JS, mais met à jour et atténue certaines fissures et incohérences. Les outils et informations suivants s’appliquent généralement aux applications deno et node. JS. Aperçu de la mise en service la mise en service fait référence à diverses méthodes de correction des défauts du logiciel. Réparer un bogue est généralement facile. La recherche des causes des erreurs peut être beaucoup plus complexe et prendre de nombreuses heures. Les sections suivantes décrivent les trois types d’erreurs courantes que vous rencontrerez. Erreur de syntaxe votre code ne suit pas les règles de langue, par exemple lorsque vous omettez les parenthèses de fermeture ou que vous tapez des instructions incorrectement comme console. Hystérèse (X).
Un bon éditeur de code peut vous aider à identifier la FAQ: utiliser le type de code couleur pour contrôler les déclarations valides ou invalides pour les variables Remplir automatiquement la fonction et le nom de la variable mettre en évidence les parenthèses correspondantes indenter automatiquement le bloc de code ne peut pas implémenter la détection de code reconstruire un éditeur de liberté de fonction désordonné, comme vs Le Code et Atom ont un grand support pour les noeuds. JS, Javascript et Typescript (convertis en javascript). Les problèmes de syntaxe de base sont généralement détectés avant sa
Ça marche. Inspect (): console. Dir (myobject, {Depth: NULL, color: True}); Certains développeurs affirment que vous ne devriez jamais utiliser la console. Log (), parce que: vous éditez le Code, vous pouvez changer quelque chose ou oublier de le supprimer, si vous avez de meilleures options de débogage, vous n’avez pas besoin de le faire. Ne faites pas confiance à ceux qui prétendent ne jamais utiliser la console. Log ()! L’enregistrement est rapide et sale, mais parfois tout le monde l’utilise. Utilisez l’instrument ou la technologie que vous aimez. Il est plus important de corriger les bogues que de les trouver. Utilisation de systèmes d’enregistrement de tiers les systèmes d’enregistrement de tiers offrent des fonctions plus complexes comme le niveau de message, le niveau de détail, le tri, la sortie de fichier, l’analyse, les rapports, etc. Les solutions populaires comprennent Cabin, loglevel, Morgan, Pine, signal, Storyboard, tracer et Winston. L’utilisation du moteur JavaScript V8 Checker fournit un client de débogage qui peut être utilisé dans un noeud. JS. Utilisez Node Inspect pour démarrer une application, comme l’application Node Inspect. Le débogueur JS s’arrête à la première ligne et affiche debug >: $Node Check. Mycode. JS 1 Nombre constant = 10; 2 3 pour (i = 0; I < 5) I calcoli che non tengono conto della precedenza dell'operatore, ad es 1+2*3 danno come risultato 7 anziché 9. È inevitabile: il tuo codice Node.js ad un certo punto fallirà. Scopri quali strumenti puoi utilizzare per eseguire il debug delle applicazioni e trova la causa di un problema proprio qui. Fai clic per twittare Errori di runtime (o di esecuzione). Un errore diventa evidente solo quando l'applicazione viene eseguita, il che spesso porta a un arresto anomalo. Gli errori di runtime possono essere causati da:

Dividendo per una variabile che è stata impostata su zero Tentativo di accesso a un elemento dell'array che non esiste Tentativo di scrivere su un file di sola lettura Gli errori logici e di runtime sono più difficili da individuare, sebbene le seguenti tecniche di sviluppo possano essere d'aiuto: Usa lo sviluppo basato su test: TTD ti incoraggia a scrivere test prima che una funzione venga sviluppata, ad esempio X viene restituito dalla funzioneY quando Z viene passato come parametro. Questi test vengono eseguiti durante lo sviluppo iniziale e gli aggiornamenti successivi per garantire che il codice continui a funzionare come previsto. Usa un sistema di rilevamento dei problemi: non c'è niente di peggio di un'e-mail che afferma "Il tuo software non funziona" ! I sistemi di rilevamento dei problemi consentono di registrare problemi specifici, documentare le fasi di riproduzione, determinare le priorità, assegnare sviluppatori e tenere traccia dell'avanzamento delle correzioni. Usa il controllo del codice sorgente: un sistema di controllo del codice sorgente come Git ti aiuterà a eseguire il backup del codice, gestire le revisioni e identificare dove è stato introdotto un bug. I repository online, inclusi Github e Bitbucket, forniscono spazio libero e strumenti per progetti più piccoli o open source. Incontrerai ancora bug di Node.js, ma le sezioni seguenti descrivono i modi per individuare quell'errore sfuggente.

Imposta le variabili di ambiente Node.js appropriate Le variabili di ambiente impostate nel sistema operativo host possono controllare l'applicazione Node.js e le impostazioni del modulo. Il più comune è NODE_ENV , che di solito è impostato per lo sviluppo durante il debug o la produzione durante l'esecuzione su un server live. Imposta le variabili di ambiente su macOS o Linux con il comando: NODE_ENV=development o al prompt dei comandi (classico) di Windows: set NODE_ENV=development o Windows PowerShell: $env:NODE_ENV="development" Nel popolare framework Express.js, l'impostazione di NODE_ENV su sviluppo disabilita la memorizzazione nella cache dei file modello e genera messaggi di errore dettagliati, che potrebbero essere utili durante il debug. Altri moduli possono offrire funzionalità simili e puoi aggiungere una condizione NODE_ENV alle tue applicazioni, ad es

// running in development mode? const devMode = (process.env.NODE_ENV !== 'production'); if (devMode) { console.log('application is running in development mode'); } Puoi anche usare il metodo util.debuglog di Node per generare condizionalmente messaggi di errore, ad es import { debuglog } from 'util'; const myappDebug = debuglog('myapp'); myappDebug('log something'); Questa applicazione produrrà il messaggio di registro solo quando NODE_DEBUG è impostato su myapp o un carattere jolly come * o my*. Usa le opzioni della riga di comando di Node.js Gli script del nodo vengono in genere avviati con il nodo seguito dal nome dello script di ingresso:

node app.js Puoi anche impostare le opzioni della riga di comando per controllare vari aspetti di runtime. I flag utili per il debug includono: –check sintassi controlla lo script senza eseguirlo –trace-warnings genera una traccia dello stack quando le promesse JavaScript non vengono risolte o rifiutate –enable-source-maps mostra le mappe di origine quando si utilizza un transpiler come TypeScript –throw-deprecation avverte quando vengono utilizzate funzionalità Node.js deprecate –redirect-warnings=file emettere avvisi su un file anziché su stderr –trace-exit genera una traccia dello stack quando viene chiamato process.exit() . Invia messaggi alla console L'output di un messaggio della console è uno dei modi più semplici per eseguire il debug di un'applicazione Node.js:

console.log(`someVariable: ${ someVariable }`); Pochi sviluppatori si rendono conto che esistono molti altri metodi per console:

Saisissez l’aide pour afficher la liste des commandes. Vous pouvez faire défiler l’application de la façon suivante: cont ou C: continuer à exécuter la commande suivante ou n: exécuter la commande suivante ou S: entrer la fonction appelée ou: quitter la fonction et retourner l’instruction appelant les pauses: mettre en pause la surveillance de code en cours d’exécution (\
Utilisez le navigateur Chrome pour déboguer le Code du noeud. Options du noeud JS. L’inspection JS utilisée ci – dessus démarre le serveur Web socket qui écoute sur le port hôte local 9229. Il démarre également un client de débogage basé sur le texte, mais vous pouvez utiliser des clients graphiques, tels que ceux intégrés dans Google Chrome et ceux basés sur des navigateurs Chrome tels que chrome, Edge, Opera, Vivaldi et brave. Vous voulez savoir comment nous avons augmenté le trafic de plus de 1000%? Joignez – vous à plus de 20 000 personnes qui reçoivent nos communiqués de presse hebdomadaires pour donner des conseils aux experts WordPress! Pour déboguer une application Web typique, lancez – la en utilisant l’option – Inspect pour activer le serveur Web socket du débogueur V8: Node – – check index. Note js: Supposons un index. JS est un script d’entrée d’application. Assurez – vous d’utiliser – – Inspect et le double trait d’union pour vous assurer que le client de débogueur basé sur le texte ne démarre pas. Si vous souhaitez redémarrer automatiquement l’application lors de l’édition d’un fichier, vous pouvez utiliser le noeud au lieu du noeud. Par défaut, le débogueur n’acceptera que les connexions entrantes de l’ordinateur local. Si vous utilisez une application sur un autre appareil, une machine virtuelle ou un conteneur de docker, utilisez:

Noeud – – Vérifier = 0.0.0.0: 9229 index. JS

Options de vérification des noeuds. Vous pouvez également utiliser – – Inspect Brk au lieu de – – Inspect pour arrêter le traitement (définir un point d’arrêt) sur la première ligne afin de faire défiler le code à partir de zéro. Ouvrez un navigateur Chrome et saisissez chrome:\/\/inspect Pour voir les périphériques locaux et réseau dans la barre d’adresse:

Outil d’inspection chromé. Si votre application de noeud. JS n’apparaît pas comme une cible distante: cliquez pour ouvrir l’outil de développement spécifique au noeud et sélectionnez l’adresse et le port, ou sélectionnez découvrir la cible réseau, cliquez sur configuration, puis ajoutez
L’adresse IP et le port de l’appareil sur lequel gi fonctionne. Cliquez sur le lien de vérification de la cible pour démarrer le client de débogueur devtools. Quiconque utilise devtools pour déboguer le code client devrait le connaître:

Chrome devtools source panel. Cliquez sur n’importe quel numéro de ligne pour définir le point d’arrêt indiqué par l’indicateur bleu. Le débogage est basé sur des points d’arrêt. Ils précisent où le débogueur doit arrêter d’exécuter le programme et affichent l’état actuel du programme (variables, pile d’appels, etc.) Vous pouvez définir n’importe quel nombre de points d’arrêt dans l’interface utilisateur. Une autre option est de placer le débogueur; Instructions dans le Code qui s’arrêtent lorsque le débogueur est connecté. Téléchargez et utilisez l’application Web pour atteindre les instructions pour définir les points d’arrêt. Dans cet exemple, http:\/\/localhost:3000\/ Ouvert dans n’importe quel navigateur, devtools s’arrêtera à la ligne 44:

Points d’enregistrement chromés. Dans l’exemple ci – dessus, la console devtools envoie le compteur de boucle I: 0 au compteur de boucle I: 999. Déboguer l’application Node en utilisant le Code vs. JS vs Code, ou Visual Studio Code, est un éditeur de code Microsoft gratuit qui a été populaire auprès des développeurs web. L’application est disponible pour Windows, mac os et Linux et est développée dans le cadre d’Electron en utilisant la technologie Web. Le Code vs supporte les noeuds. JS a également un client de débogage intégré. La plupart des applications peuvent être déboguées sans aucune configuration; L’éditeur démarre automatiquement le serveur de débogage et le client. Ouvrez le fichier source (comme index.js), activez le panneau exécuter et déboguer, cliquez sur le bouton exécuter et déboguer, puis sélectionnez l’environnement du noeud. JS. Cliquez sur n’importe quelle ligne pour activer le point d’arrêt affiché sous forme d’icône circulaire rouge. Ensuite, ouvrez l’application dans le navigateur comme auparavant: le Code vs s’arrête lorsque vous atteignez le point d’arrêt:

Vs Code break point. Les panneaux variables, moniteurs, piles d’appels et points d’arrêt sont similaires à ceux affichés dans les outils chrome devtools. Le panneau scripts chargés affiche les scripts chargés, bien que beaucoup soient à l’intérieur du noeud. JS. La barre d’outils des icônes d’action vous permet: de continuer: de continuer le traitement jusqu’à la fin de l’étape suivante du point d’arrêt: d’exécuter la commande suivante, mais de rester à l’intérieur de la fonction courante – de ne pas sauter les fonctions entrées par n’importe quelle étape d’appel: d’exécuter la commande suivante et de passer à n’importe quelle fonction retournée par n’importe quelle étape d’appel: de continuer Traitement jusqu’à la fin de la fonction et retour à la commande d’appel redémarrer l’application et le débogueur arrêter l’application et le débogueur comment chrome
G du Code avec nodemon. Comme précédemment, vous pouvez ajouter des points d’arrêt, des points d’arrêt conditionnels et des points de journal. La principale différence est que lorsque vous modifiez un fichier, nodemon redémarre automatiquement le serveur. Pour plus d’informations, voir les paramètres de démarrage du Code vs. Les extensions de code vs suivantes peuvent également vous aider à déboguer le Code hébergé dans un environnement de serveur distant ou isolé: Remote – Container: connection to applications running in Remote docker Container – SSH: connection to applications Running on Remote Server – WSL: connection to applications running in Windows for Linux Subsystem (WSL). Plus d’options de débogage de noeuds. Guide de débogage des noeuds JS. JS conseille divers éditeurs de texte et d’IDE, y compris Visual Studio, JetBrains webstorm, gitpod et Eclipse. Atom fournit une extension de débogage de noeud qui intègre le débogueur chrome devtools dans un éditeur. Une fois l’application active, vous devrez peut – être envisager d’utiliser des services de débogage commerciaux tels que logrocket et Sentry. Les erreurs client et serveur rencontrées par les utilisateurs réels peuvent être enregistrées et reproduites. Avez – vous besoin d’aide pour déboguer votre application? Historiquement, le débogage JavaScript a été difficile, mais des améliorations considérables ont été apportées au cours de la dernière décennie. Ce choix est bon, sinon meilleur, que dans les autres langues. Utilisez tous les outils utiles pour identifier le problème. Pas de problème avec la console. Log () est utilisé pour une recherche rapide de bogues, mais pour des problèmes plus complexes, chrome devtools ou vs Code peut être préférable. Les outils peuvent vous aider à créer un code plus robuste et vous passerez moins de temps à corriger les bogues. Sur quelles pratiques de débogage de noeuds. Tu le jures? Partagez – le dans la section commentaires ci – dessous!

Comment préparer votre boutique de commerce électronique pour Black Friday

Comment ajouter un générateur de produits personnalisé à woocommerce

11 tutoriels simples pour débutants WordPress (faciles à comprendre)

Créer un thème WordPress en utilisant un thème WordPress API rest et vue. JS

Wix vs espace: comparaison de deux grands concurrents WordPress

Outils de développement Chrome. Passez au panneau source. Vous pouvez ouvrir n’importe quel fichier en appuyant sur CMD | Ctrl + P et en entrant un nom de fichier comme index.js. Cependant, il est plus facile d’ajouter des dossiers de projet à l’espace de travail. Cela vous permet de télécharger, modifier et enregistrer des fichiers directement à partir de devtools (si vous pensez que c’est une bonne idée, c’est différent!) Cliquez sur + pour ajouter un dossier à l’emplacement de l’élément de noeud de sélection de l’espace de travail. JS appuyez sur accept pour permettre des modifications de fichiers vous pouvez maintenant télécharger des fichiers à partir de l’arborescence de gauche:

Chrome point d’arrêt. Le panneau de droite affiche: lutter contre les temps d’arrêt et les problèmes WordPress? Kinsta est une solution d’hébergement conçue pour gagner du temps! Découvrez notre fonctionnalité à travers une ligne d’icônes d’action (voir ci – dessous). Le panneau de contrôle vous permet de surveiller var Sélectionnez ajouter un point de log et saisissez une expression, comme le compteur de boucle I, I: