PageSpy は、Web / Miniprogram / 鸿蒙（Harmony）OS APP プロジェクトなどのプラットフォームのデバッグに使用されるツールです。
ネイティブ Web API のカプセル化に基づいて、呼び出されたときにネイティブメソッドのパラメータをフィルタリングして変換し、デバッガークライアントが消費するための特定の形式のメッセージに変換します。デバッガーは、メッセージデータを受信した後、対話型の devtools のような ui を表示し、簡単に見ることができる。
百聞は一見にしかず。
ローカルの devtools でコードをデバッグできないときは、いつでも PageSpy の出番です！次の例を見てみましょう:
- H5 や webview アプリのローカルでのデバッグ: 従来、H5 で情報を表示できるパネルを提供する製品もありましたが、モバイル端末の小さな画面では操作が不便で、表示もユーザーフレンドリーではありません。情報が切り捨てられるなどの問題もよくあります。
- リモートワークと地域を越えたコラボレーション: 電子メール、電話、ビデオ会議といった従来のコミュニケーションは非効率的で、障害情報は包括的でないため、誤解や誤った判断を招きやすい。
- ユーザーデバイスのホワイトスクリーンの問題: データモニタリングやログ分析などの従来のトラブルシューティングのアプローチは、トラブルシューターがビジネス要件と技術的実装を理解することに依存しています。
これらの問題に共通するのは、開発者がコンソールを使ったときのように簡単にランタイム情報を見ることができないということです。
これに対処するため、PageSpy は技術担当者がデバッグ側で検査できるように、プロジェクトのライブビューを提供します。リモート共同作業シナリオでは、テスト担当者は、テキスト、スクリーンショット、音声メッセージ、または画面録画を通じて、技術担当者に障害情報を頻繁に提供する必要がなくなりました。
データのセキュリティを確保し、利用を容易にするために、私たちは包括的な、すぐに使えるデプロイソリューションを提供しています。開発者は、それぞれの状況に応じて、どのようなデプロイ方法を選択することもできます。
ビデオチュートリアル:
yarn global add @huolala-tech/page-spy-api@latest
# npm を使用する場合
npm install -g @huolala-tech/page-spy-api@latestダウンロードが完了したら、コマンドラインで page-spy-api を直接実行してサービスを開始することができます。起動完了後、ブラウザで http://localhost:6752 にアクセスし、ローカルテストが完了したらサーバーにデプロイすることができます。
ビデオチュートリアル:
docker run -d --restart=always -v ./log:/app/log -v ./data:/app/data -p 6752:6752 --name="pageSpy" ghcr.io/huolalatech/page-spy-web:latest起動完了後、ブラウザで http://localhost:6752 にアクセスし、ローカルテストが完了したらサーバーにデプロイすることができます。
クリックして Contributing をご覧ください。
クリックして FAQ をご覧ください。
公式 Discord サーバーに参加してください！
クリックして Roadmap をご覧ください。