각도 로깅

여기에서는 Angular로 만든 앱에 있을 수 있고 사용자가 알지 못하는 사이에 사용자에게 영향을 줄 수 있는 버그나 오류를 해결하는 방법을 설명하려고 합니다. 이를 위해 Bugfender 라이브러리를 사용하여 Angular에 대한 원격 디버거 및 로깅을 사용합니다.

Debug Angular Apps with Bugfender

Install the Debugger and Logger on your Angular App

Test it in localhost

SDK Installation for Angular

Sending logs and bug reports in real time

Handling crashes

More information

먼저 버그펜더란?

Bugfender는 사용자가 경험하는 모든 세부 사항을 기록하고 사용하기 쉬운 웹 콘솔에 직접 데이터를 공급하는 판도를 바꾸는 플랫폼입니다. Bugfender SDK는 다중 플랫폼이며 모바일 및 웹 앱에서 사용할 수 있으므로 모든 앱에 동일한 도구를 사용할 수 있습니다.

Bugfender SDK 각도 샘플

바닐라 자바스크립트 앱에서 Bugfender SDK를 사용하려면 https://github.com/bugfender/BugfenderSDK-JS-Sample을 방문하세요.

앱 실행

로컬 컴퓨터에서 앱을 확인하려면 먼저 src/app/app.module.ts에서 코드를 편집하고 Bugfender 앱 키에 대해 <YOUR_APP_KEY_HERE>를 변경해야 합니다. 그런 다음 다음을 사용하여 앱을 실행할 수 있습니다.

Node.js 12가 시스템에 설치되어 있는지 확인하십시오.

npm ci

npm start

bugfender.com에서 앱 키를 얻을 수 있습니다.

Bugfender SDK 각도 문서

SDK 설치

Bugfender가 앱에서 작동하도록 하는 주요 사항은 다음과 같습니다.

bugfender.com에서 앱 키 받기

npm i @bugfender/sdk . SDK npm 패키지를 설치합니다.

애플리케이션 모듈에서 Bugfender SDK 초기화:

Bugfender.init({ appKey: '<YOUR\_APP\_KEY\_HERE>', // apiURL: 'https://api.bugfender.com', // baseURL: 'https://dashboard.bugfender.com', // overrideConsoleMethods: true, // printToConsole: true, // registerErrorHandler: true, // logBrowserEvents: true, // logUIEvents: true, // version: '', // build: '', });

앱의 앱 키로 변경<YOUR_APP_KEY_HERE>하는 것을 잊지 마십시오.

버그펜더 사용

SDK를 초기화한 후 Bugfender 개체를 가져오기만 하면 어디에서나 사용을 시작할 수 있습니다.

import { Bugfender } from '@bugfender/sdk'; export class HomeComponent { constructor() { Bugfender.log('HomeComponent constructor'); } }

충돌 처리

Angular는 Bugfenders 기본 전역 오류 처리기를 재정의하는 전역 오류 처리기를 등록합니다. 따라서 처리되지 않은 오류를 잡아서 Bugfender에 보고하려면 사용자 지정 AngularErrorHandler가 필요합니다. 이 리포지토리에는 이를 구현하는 방법에 대한 예가 포함되어 있습니다.

See custom ErrorHandler .

See Angular documentation .

추가 정보

문서

사용 가능한 모든 방법에 대한 자세한 내용은 Bugfender JS SDK reference documentation으로 이동하십시오.

SDK 상태

SDK는 프로덕션에 적합합니다. 언제든지 문제를 열거나 bugfender.com으로 문의하십시오.