typescript - Erros do Lado do Cliente no Angular 2

Eu sou apenas novo em Typescript e Angular 2 e estava me perguntando qual abordagem seria melhor para registrar erros do lado do cliente, para que, se um problema acontecesse em produção, eu pudesse descobrir qual era o método que falhou e qual erro foi lançado.

O backend do aplicativo é escrito em C# e conectado a um banco de dados SQL Server. Os dados são recuperados via chamadas WebAPI.

Quaisquer erros do lado do servidor atualmente são registrados no banco de dados. Eu estava pensando em escrever um serviço de registro de erros em Typescript que chamaria uma API do ErrorLoggingController, que então registraria o erro no banco de dados?

Isso parece uma abordagem sólida ou existe uma maneira melhor de fazer isso?

Um exemplo de método atual em Typescript que eu tenho está abaixo:

public getCustomerData(customerId: number, year: number) {
   let apiUrl = this.myApiMethod;
   let urlConcat = apiUrl + '/' + customerId + '/' + year + '/';

   return this.http.get(urlConcat)
      .map((response: Response) => <boolean> response.json())
      .catch(this.handleError);
}

public handleError(error: Response) {
   console.log(Error Handler Method Hit);
   //this is where I would call to the Error logging service
   // which would make an API call to log the error to db
   //this.errorLoggingService.logClientError("Build Error Message");
   return Observable.throw(error.json() || 'Server Error');
} 

Resposta #1

Acabei usando jsnlog - http://jsnlog.com/

O Usersnap também parece uma ferramenta útil - https://usersnap.com/e1/classic-008