コンソールエラーをファイルに記録するにはどうすればいいですか？

私はフロントエンド/クライアントサイドのWebサイト開発の新機能です。私は新しい反応プロジェクトを設定しています。私はcreate-react-appを使用しました。コンソールエラーをファイルに記録するにはどうすればいいですか？

（ネットワークコールエラー以外の）コンソールエラーはどのように処理する必要がありますか？それらをどのファイルにも記録する方法はありますか？

最良の伐採プラクティスは何ですか？

スタックへようこそ！ Reactはクライアントサイドのライブラリなので、エラーは他の誰かのブラウザで発生しています。明らかにブラウザはファイルをコンピュータに書き込めません。あなたはどこかでエラーのPOSTリクエストを作成し、そこにログを記録することができます – azium

なぜとにかくそれをやりたいのか分かりません。ファイルの目的は何ですか？例えば、開発中にエラーを修正するだけですか？ – azium

@aziumがあなたの得点を得ました。私は私の質問を更新しました。あなたは見直すことができますか？ –

実際のクライアントファイルではなく、ブラウザにデータを保存する方法と方法がありますが、これはブラウザのエラーを記録する一般的な戦略ではありません。

私の経験では、トラフィックをフィルタリングし、レート制限を適用する適切なセキュリティを備えた単純なAPIを備えた専用のログサーバーを使用しました。これにより、最終的にログを強化し、後で分析できる文書データベースにログを書き込むことになります。

ナイーブなJavaScriptソリューションでは、次のコードを使用してエラーをキャプチャし、ログ出力サーバーに送信します。

window.onerror = function(message, url, lineNumber) { 
    // make ajax call to api to save error on server 
    return true; 
};

私もSentry.ioを言及する必要があります - 彼らはこれを行うサービスを提供し、いくつかの制限があるにもかかわらず、彼らは半ばアプリに通常十分に小さいためです。

2017-07-29 19:34:53 jeanfrg

私はセリについても考えていました。：+1： – azium

@jeanfrg私は私の質問を更新しました。あなたは見直すことができますか？ –

@RahulKumar私の答えはまだ立っています。基本的には、セントリリーのようなものはすべてのコンソールエラーをキャプチャし、後でそれらをチェックできるようにするためにそれらを保存するapiへのajax呼び出しを行います。 – jeanfrg

答えて