非同期でのエラーログはどうしてますか？

Question

よくこういう形で非同期で何かのAPI叩いて実行すると思いますが
fail句に入った時にどういう処理をしていますか？

$.ajax({
  url: url,
  data: data,
}).done(function(data, textStatus, jqXHR){
  // do something
}).fail(function(jqXHR, textStatus, errorThrown){
  // do something
});

開発時はconsole.logなどでデバッグしてますがリリース時には消しています。
ログをサーバに送るAPIを作成するなどした方がいいかなと思ったのですがどうでしょうか？

console.log(jqXHR);
console.log(textStatus);
console.log(errorThrown);

ユーザのブラウザに出力するものなのでalertなどは論外かとは思っているのですが
どなたか教えてください。

Answer 1

基本的にはその辺の機能はGoogle AnalyticsやFirebase Analytics等に任せるのが無難な選択です。

ログはそもそも何のために必要なのかを考えて下さい。ユーザーの操作や行動パターンを集計やエラーの対処に使いたいのではないでしょうか？

Comments

[tomoyuki123]

ありがとうございます。
例えばこういうかんじでエラーログをGAにsendするのが無難ということでしょうか？
```
try {
// Runs code that may or may not work.
window.possiblyUndefinedFunction();
} catch(err) {
ga('send', 'exception', {
'exDescription': err.message,
'exFatal': false
});
}
```
https://developers.google.com/analytics/devguides/collection/analyticsjs/exceptions?hl=ja

[stdio]

確かGAはtry使わなくても一行でログ書けたはずだけど...
まぁいいか...

[tomoyuki123]

お二人ともありがとうざいました！

Answer 2

ログをサーバに送るAPIを作成するなどした方がいいかなと思ったのですがどうでしょうか？

はい。そこもログ収集したいのであればfailで拾ったオブジェクトを丸投げしてJavaScriptのエラーをログに書き込むサーバーサイドのプログラムを１つ設けるというので良いと思います。

JavaScriptのロガーツールとか色々あるみたいなので、そちらも試してみては。

• フロントエンドエンジニアなら知っておきたい、JavaScriptのログ収集方法まとめ