Feathers: フェザーデバッガーChrome拡張機能

作成日 2020年08月16日  ·  12コメント  ·  ソース: feathersjs/feathers

こんにちは、実際には問題ではありませんが、私が作成したデバッグツールを共有したかっただけです。基本的にはChrome拡張機能としてホストされているReactアプリです(サービスとして機能しますが)。

how it works

それはapp.hooksあなたのイベントを追跡し、それらをうまく表示します(上のgifをチェックしてください、実際の記録、リアルタイムで動作します)。 さらに機能(クエリやパラメータの検査など)を追加する予定ですが、今のところ、ウォーターフォールチャートでイベント/期間を追跡できます。

フェザーデバッガーをフェザーアプリにバインドするnpmパッケージはまだ作成されていませんが、readmeにサンプルスクリプトがあります。 だから私はその@dafflに関していくつか質問があり

  • app.configureを使用してapp.hooks前/最後にフックを挿入するエレガントな方法はありますか?
  • 今のところ、パブリックフォルダーでホストされているファイルにストリーミングされますが、エンドポイントを公開するサービスを作成したいので、技術的にはリモートフェザーサーバーで使用できます。

コメントありがとうございます! 提案をいただければ幸いです。

Chromeストアに送信しました(保留中)が、 crxをダウンロードして、拡張機能として手動でインストールできます。 私は昨日と今日のようにこれに取り組みました、そしてそれは最適にはほど遠いです、しかしそれは価値がありそして非常にクールであることができると思います。

貢献は大歓迎です!

リポジトリはこちら

ダウンロードこちら

最も参考になるコメント

@here何が料理されているのかを覗き見し、このスレッドを存続させるために、土曜日にv1.3をリリースすることを願っています。

  • p90およびp95機能:上位10%および5%の最も遅いクエリを強調表示
  • 大幅なパフォーマンスの向上(再レンダリングの大幅な削減)

  • 設定ペイン
  • デバッガーのURLを設定し、リモートデバッグを許可します:tada:
  • 更新間隔を手動で更新できるようになります

これらが主に報告された問題点だったと思います。その後、クールな機能が追加され始めます。

全てのコメント12件

これはすごい!
どこかにレポはありますか?
私は反応するよりもVueに夢中になっているので、コードを提供することはできないと思いますが、フィードバック、バグ、機能のリクエストは必ず送信します。
よくやった!

どこかにレポはありますか?

笑、すみません、コメントを更新しました、ここにあります

最初のフィードバック! :)

デバッガーをサービスとして公開することは、最初の大きな改善であり、ソケットイベントで使用して、それに認証を追加することができます。

また、エラーログのあるパネルとコンソールログのあるパネルがあると面白いでしょう。
羽の構成のパネルがあるといいでしょう!

フェザーアプリの開発を改善できる機能がたくさんあります!

フックを動的に追加することについては、 app.hooks()呼び出すことによってここでそれを行うfeathers-profilerプラグインがありますが、feathers v2用に作成されているため、それがまだ可能かどうかはわかりません。

マイナーアップデート、拡張機能が公開されています!
ここから簡単にインストールでき

定期的にメンテナンスする予定です。

私の皿のいくつかのもの:

  • フェザーデバッガー用のまともなnpmパッケージ(ノード)
  • リクエストの検査(クエリ、パラメータ、その他の情報)
  • npmパッケージを使用してデバッグデータを追加する(console.logsは今のところ複雑すぎると思います)

誰かが試してみたい場合: https

これは素晴らしい@radenkovicです。共有していただきありがとうございます。 私は間違いなくこれをすぐにチェックします。 あなたの質問に関して:

  • app.configureを使用してapp.hooksの前/最後にフックを挿入するエレガントな方法はありますか?

元のapp.hooksが設定された後にapp.configure(debuggerService())を呼び出すことを確認する限り、 https://github.com/radenkovic/feathers-でトレースアプリフックを追加できるはずですapp.hooks再度呼び出します。

  • 今のところ、パブリックフォルダーでホストされているファイルにストリーミングされますが、エンドポイントを公開するサービスを作成したいので、技術的にはリモートフェザーサーバーで使用できます。

これがすでに行われているかどうかはわかりませんが、これらすべてのイベントを接続されたコンソールに直接ストリーミングするのはかなり簡単なはずです。 それについて何か助けが必要な場合は私に知らせてください。

@dafflを更新してくれてありがとう! 次のバージョンでは、 app.configure()してフックを自動注入しようとします。これはすばらしいですね。
app.hooks()を2回呼び出すことについて、 trace()beforeの最初で、 finally最後であることを確認できますか?

今のところ、パブリックフォルダでホストされているファイルにストリーミングされます

これはすでに修正されています(ファイルなし、feathers-nedbを使用)

これらすべてのイベントを接続されたコンソールに直接ストリーミングします。

クエリを実行することで、開発を継続する方が簡単だと思います(すでに大いに役立ちました)

すべてのアイデアを歓迎します!

デバッガーを最後に構成する必要があることをドキュメントに記載します(少なくともapp.hooks )。 それはそれをする必要があります。 また、Chromeウェブストアに正式に掲載されたら、これに関するブログ投稿を作成することに興味がありますか?

@daffl更新してくれてありがとう! すでにChromeストアにありますが、それでもそれほど良くはありません。さらにいくつかの更新(アプリのエンドポイントURLの構成)を行いたいので、おっしゃるように、より良いドキュメントが必要です。

これについてのブログ投稿を書くことに興味がありますか

もちろんですが、まともな形になるまで、もう数回繰り返します。 ここに投稿し続けます。

@here何が料理されているのかを覗き見し、このスレッドを存続させるために、土曜日にv1.3をリリースすることを願っています。

  • p90およびp95機能:上位10%および5%の最も遅いクエリを強調表示
  • 大幅なパフォーマンスの向上(再レンダリングの大幅な削減)

  • 設定ペイン
  • デバッガーのURLを設定し、リモートデバッグを許可します:tada:
  • 更新間隔を手動で更新できるようになります

これらが主に報告された問題点だったと思います。その後、クールな機能が追加され始めます。

@hereバージョン1.3がリリースされました。拡張機能がインストールされている場合は、自動更新されます。 バグに気付いた場合は、ここで問題を作成してください

ここからダウンロード

このページは役に立ちましたか?
0 / 5 - 0 評価