Feathers: Extension Chrome du débogueur Feathers

Créé le 16 août 2020  ·  12Commentaires  ·  Source: feathersjs/feathers

Bonjour, ce n'est pas vraiment un problème, mais je voulais juste partager l'outil de débogage que j'ai construit, il s'agit essentiellement d'une application React hébergée en tant qu'extension Chrome (bien qu'elle puisse fonctionner en tant que service).

how it works

Il trace vos événements dans app.hooks et les affiche bien (vérifiez le gif ci-dessus, enregistrement réel, fonctionne en temps réel). Je prévois d'ajouter plus de fonctionnalités (requête et inspection des paramètres, etc.), mais pour l'instant, vous pouvez suivre les événements / durées sur le graphique en cascade.

Je n'ai toujours pas créé de package npm qui lie le débogueur de plumes à l'application de plumes, mais il existe un exemple de script dans le fichier readme. J'ai donc quelques questions concernant ce @daffl :

  • Existe-t-il un moyen élégant d'injecter des hooks avant/enfin app.hooks utilisant app.configure ?
  • Pour l'instant, il est diffusé dans un fichier hébergé dans un dossier public, mais je souhaite créer un service qui expose un point de terminaison, afin que vous puissiez techniquement l'utiliser sur un serveur de plumes distant.

Merci d'avance pour les commentaires ! Les suggestions sont appréciées.

Je l'ai soumis au Chrome Store (en attente), mais vous pouvez télécharger crx et l'installer manuellement en tant qu'extension. J'ai travaillé dessus comme hier et aujourd'hui et c'est loin d'être optimal, mais je pense que ça peut être précieux et très cool.

Les contributions sont les bienvenues !

Le dépôt est ici

Télécharger : ici

Commentaire le plus utile

@here Juste pour vous donner un aperçu de ce qui se prépare et pour garder ce fil en vie, j'espère que je publierai la v1.3 samedi.

  • Fonctionnalité p90 et p95 : requêtes les plus lentes en surbrillance 10 % et 5 %
  • Améliorations drastiques des performances (réduction du rendu beaucoup)

  • Volet Paramètres
  • Définir l'url du débogueur, permet le débogage à distance :tada:
  • Permettra de mettre à jour l'intervalle de rafraîchissement manuellement

Je pense que ce sont les principaux points douloureux signalés, après cela commencera à ajouter des fonctionnalités intéressantes !

Tous les 12 commentaires

C'est génial!
Y a-t-il un dépôt quelque part ?
Je suis beaucoup plus dans Vue que de réagir donc je ne pense pas que je pourrai contribuer au code mais je vais certainement soumettre des commentaires, des bugs et des demandes de fonctionnalités.
Bon travail!

Y a-t-il un dépôt quelque part ?

LOL, désolé, je viens de mettre à jour le commentaire, c'est ici

Premiers retours ! : )

Exposer le débogueur en tant que service serait une excellente première amélioration, il pourrait être utilisé avec des événements de sockets et y ajouter une authentification.

De plus, il serait intéressant d'avoir un panneau avec les journaux d'erreurs et un autre avec les journaux de la console.
Avoir un panneau avec la configuration plumes serait bien aussi !

Il existe de nombreuses fonctionnalités qui pourraient améliorer le développement de l'application Plumes !

A propos de l'ajout dynamique de hooks, il y a le plugin plumes-profiler qui le fait ici en appelant app.hooks() , mais je ne sais pas si c'est toujours possible car il a été créé pour plumes v2.

Juste une petite mise à jour, l'extension est publiée !
Vous pouvez maintenant l'installer simplement à partir d' ici

Je compte l'entretenir régulièrement.

Quelques trucs dans mon assiette :

  • paquet npm décent pour le débogueur de plumes (nœud)
  • inspecter les requêtes (requête, paramètres et plus d'informations)
  • ajouter des données de débogage à l'aide du package npm (je pense que console.logs sera trop complexe pour le moment)

Si quelqu'un veut essayer : https://github.com/radenkovic/feathers-debugger-service , j'ai créé un service qui utilise NeDB, et c'est assez génial ! Entrée bienvenue !

C'est fantastique @radenkovic , merci pour le partage ! Je vais certainement vérifier cela sous peu. Quant à vos questions :

  • Existe-t-il un moyen élégant d'injecter des hooks avant/enfin dans app.hooks en utilisant app.configure ?

Tant que vous vous assurez d'appeler app.configure(debuggerService()) après que le app.hooks ait été défini, vous devriez pouvoir ajouter les crochets d'application de trace directement dans https://github.com/radenkovic/feathers- debugger-service/blob/master/src/index.js#L22 en appelant à nouveau app.hooks .

  • Pour l'instant, il est diffusé dans un fichier hébergé dans un dossier public, mais je souhaite créer un service qui expose un point de terminaison, afin que vous puissiez techniquement l'utiliser sur un serveur de plumes distant.

Je ne sais pas si cela a déjà été fait, mais je pense qu'il devrait être assez simple de diffuser tous ces événements directement dans la console connectée. Faites-moi savoir si vous avez besoin d'aide pour cela.

Merci pour les mises à jour @daffl ! J'essaierai d'injecter automatiquement des hooks avec app.configure() dans la prochaine version, ça a l'air génial !
À propos d'appeler app.hooks() deux fois, puis-je m'assurer que trace() est le premier de before et le dernier de finally ?

Pour l'instant, il est diffusé dans un fichier hébergé dans un dossier public

C'est déjà corrigé (pas de fichiers, utilise plumes-nedb)

diffuser tous ces événements directement dans la console connectée.

Je pense qu'il sera plus facile pour le développement de continuer avec plumes-nedb à cause des requêtes (déjà beaucoup aidé)

Toutes les idées sont les bienvenues !

Je voudrais juste mettre dans la documentation que le débogueur doit être la dernière chose à configurer (au moins après app.hooks ). Ça devrait le faire. De plus, une fois qu'il sera officiellement dans la boutique en ligne Chrome, seriez-vous intéressé par la rédaction d'un article de blog à ce sujet ?

@daffl Merci pour la mise à jour ! C'est déjà dans le Chrome Store, mais ce n'est toujours pas si bon, je veux faire quelques mises à jour supplémentaires (configuration de l'URL du point de terminaison de l'application) et j'ai besoin de meilleurs documents comme vous l'avez mentionné.

Seriez-vous intéressé à rédiger un article de blog à ce sujet

Bien sûr, mais permettez-moi d'itérer encore quelques fois jusqu'à ce qu'il soit en bon état. Je vous tiendrai au courant ici.

@here Juste pour vous donner un aperçu de ce qui se prépare et pour garder ce fil en vie, j'espère que je publierai la v1.3 samedi.

  • Fonctionnalité p90 et p95 : requêtes les plus lentes en surbrillance 10 % et 5 %
  • Améliorations drastiques des performances (réduction du rendu beaucoup)

  • Volet Paramètres
  • Définir l'url du débogueur, permet le débogage à distance :tada:
  • Permettra de mettre à jour l'intervalle de rafraîchissement manuellement

Je pense que ce sont les principaux points douloureux signalés, après cela commencera à ajouter des fonctionnalités intéressantes !

@ici la version 1.3 est publiée, si vous avez installé une extension, elle devrait se mettre à jour automatiquement. Si vous remarquez des bugs, veuillez créer des problèmes ici

Téléchargez ici

Cette page vous a été utile?
0 / 5 - 0 notes