kintone에 LogRocket을 추가하여 오류 모니터링

3731 단어 LogRocket금과

왜 소개하는가?



금과 소리 하고 도입해 보았습니다. (무례한 말로 죄송합니다.)

대상자



kintone의 관리자 권한을 가지고 js를 사용자 정의 할 수있는 사람

LogRocket은 무엇입니까?



htps : ///gg c t. 코m/


유행의 DeepL 로 번역하면

버그가 발생하는 이유를 추측하지 마라.

LogRocket을 사용하면 사용자가 사이트에서 수행하는 작업을 재생하여 버그를 재현하고 문제를 더 빨리 수정할 수 있습니다.

개발자의 경우, 1000 세션/월까지 무료로 시험할 수 있다. 요금표

도입 방법도 간단



가입 방법은 Google 계정과 연결되므로 생략.
  • 왼쪽 상단의 "New Project"에서 추가하고 프로젝트 이름을 입력하십시오 (이제 이미 33 % 진행!)
  • 그런 다음 kintone에 로그인 한 후 기어 마크에서 "시스템 관리"로 이동하여 사용자 정의 항목의 "JavaScript/CSS로 사용자 정의"로 날아갑니다.
  • PC 용 스마트 폰용 JavaScript 파일에 URL로 "htps // cd 응. lr - 응어리 st. 이오 / ぉg 로케 t. 모두. js"을 추가하십시오.
  • 또한 다음 'logrocket.js'를 업로드하고 추가하고 저장

  • logrocket.js
    (function () {
        "use strict"
        window.LogRocket && window.LogRocket.init('*******/project-name');
        var user = kintone.getLoginUser();
        LogRocket.identify(user.id, {
            name: user.name,
            email: user.email,
            code: user.code,
            employeeNumber: user.employeeNumber
        });
    
    })();
    

    「*******/project-name」에 대해서는, LogRocket의 페이지의, Install LogRocket의 SCRIPT TAG의 탭에


    이런 느낌으로, 실려 있기 때문에, 복사 해주세요.

    logrocket.js는 이미 다음 항목의 "Identify users"가 기재되어 있으므로 이후부터 kintone을 이동하면 세션이나 오류 등이 점점 기록됩니다.

    이번은, 전체적으로 넣었습니다만, 에러의 관측을 항상 해 두고 싶은 앱만, 어떻게든 도입하는 것도 개미라고는 생각합니다.

    좋은 웹페이지 즐겨찾기