ஜாவாஸ்கிரிப்ட்டில் எழுதப்பட்ட முன்-இறுதி பயன்பாடுகளில் சென்ட்ரி மூலம் கண்காணிப்பு பிழைகள்: பகுதி 1

சேவை செண்ட்ரி எழுதப்பட்ட முன்-இறுதி பயன்பாடுகளில் உள்ள பிழைகளை தொலைவிலிருந்து கண்காணிக்க உங்களை அனுமதிக்கிறது ஜாவா.

ஜாவாஸ்கிரிப்ட்டில் எழுதப்பட்ட முன்-இறுதி பயன்பாடுகளில் சென்ட்ரி மூலம் கண்காணிப்பு பிழைகள்: பகுதி 1

முன்-இறுதி பயன்பாடுகளில் உள்ள சிக்கல்களைச் சரிசெய்ய முயற்சிக்கிறது ஜாவா தந்திரமானதாக இருக்கலாம், ஏனெனில் அவை பயனரின் உலாவியில் தோன்றுகின்றன, அதை நீங்கள் அடிக்கடி அணுக முடியாது. எனினும், செண்ட்ரி பிழைகளை தொலைவிலிருந்து கண்காணிப்பதை சாத்தியமாக்குகிறது.

இது இந்த கட்டுரையில் விவாதிக்கப்பட்ட தீர்வுகளை நீங்கள் பதிவிறக்கலாம்.

என்ன தேவை

இந்த எடுத்துக்காட்டுகளைப் பயன்படுத்த விரும்பினால், உங்களுக்கு இது தேவைப்படும்:

  • node.js: பயன்பாட்டின் பகுதியாக இல்லாத அம்சம் நிறைந்த மேம்பாட்டுக் கருவி. சமீபத்திய LTS பதிப்பைப் பதிவிறக்கியுள்ளோம் (8.12.0)
  • செண்ட்ரி: சென்ட்ரி சேவையில் உள்ள கணக்கு (மாதம் 10 ஆயிரம் பிழைகள் வரை இலவசமாக பதிவு செய்யலாம்) அல்லது நிறுவப்பட்ட உள்ளூர் சென்ட்ரி - https://github.com/getsentry/onpremise

உங்கள் சர்வரில் நிறுவல்

உங்கள் சர்வரில் சென்ட்ரி ஆன்-பிரைமைஸை நிறுவ நீங்கள் 2 வழிகளில் செல்லலாம்

  1. rpm ஐ உருவாக்கி அவற்றை நிறுவவும் - https://habr.com/ru/post/500632/

  2. அதிகாரப்பூர்வ நிறுவியைப் பயன்படுத்தவும்:

    Установить на сервер docker и docker-compose
    git clone https://github.com/getsentry/onpremise.git
    ./install.sh

நிலையான பயன்பாடு

தொடங்குவதற்கு, சேவை இணையதளத்தில் இருந்து புதிய ஒன்றைச் சேர்க்கவும் செண்ட்ரி- விண்ணப்பத்திற்கான திட்டம். விரும்பிய மொழியைத் தேர்ந்தெடுத்த பிறகு, தொடர்புடைய ஆவணங்களைப் பெறுவீர்கள். எங்கள் விஷயத்தில் நாங்கள் தேர்ந்தெடுத்தோம் ஜாவா.

முதல் உதாரணம் நிலையானது ஜாவா. இங்கே இரண்டு பொத்தான்கள் உள்ளன: "வணக்கம்" (வணக்கம்) மற்றும் "பிழை" (பிழை).

பொத்தானைக் கிளிக் செய்த பிறகு "வணக்கம்", திரை மறுதொடக்கம் மற்றும் தடுப்பு முயற்சி பிழையைக் கண்டறிந்து பிடிப்பார்கள். பிழை "பிடிபட்ட" பிறகு, பிழை அறிக்கை கைமுறையாக சேவைக்கு அனுப்பப்படும் செண்ட்ரி.

"பிழை" பொத்தான் பிழையை எளிதாகக் கண்டறிய உங்களை அனுமதிக்கிறது.

வெண்ணிலா/index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vanilla</title>
</head>
<body>
  <button id="hello">Hello</button>
  <button id="error">Error</button>
  <div id="output"></div>
  <script src="https://browser.sentry-cdn.com/4.0.5/bundle.min.js" crossorigin="anonymous"></script>
  <script>
    (function () {
      'use strict';
      Sentry.init({ dsn: 'https://[email protected]/1289664' });
      var helloEl = document.getElementById('hello');
      var errorEl = document.getElementById('error');
      var outputEl = document.getElementById('output');
      helloEl.addEventListener('click', handleHelloClick);
      errorEl.addEventListener('click', handleErrorClick);
      function handleHelloClick() {
        outputEl.innerHTML = 'Hello World';
        try {
          throw new Error('Caught');
        } catch (err) {
          Sentry.captureException(err);
        }
      }
      function handleErrorClick() {
        throw new Error('Uncaught');
      }
    })();
  </script>
</body>
</html>

கருத்துக்கள்:

  • சென்ட்ரி ஒரு CDN இலிருந்து நிறுவப்பட்டு உலகளாவிய மாறியாக வெளிப்படுகிறது
  • சற்று முன்னதாக எங்கள் ஜாவாஸ்கிரிப்ட்டில் சென்ட்ரியை அறிமுகப்படுத்தினோம்

இந்த எடுத்துக்காட்டைச் சோதிக்க, நிலையான வலை சேவையக தளத்தைப் பயன்படுத்தலாம் node.js: http சர்வர். கோப்பு சேமிக்கப்பட்ட கோப்புறைக்குச் செல்லவும் index.html,, மற்றும் உலாவியில் முகவரியைத் திறக்க பின்வரும் வரியை உள்ளிடவும் (கேச்சிங்கை முடக்கும் விருப்பம்) http://localhost:8080.

பிடிபட்ட பிழைகள் எவ்வாறு காட்டப்படும்

முதலில் பட்டனை கிளிக் செய்யவும் "வணக்கம்".

ஜாவாஸ்கிரிப்ட்டில் எழுதப்பட்ட முன்-இறுதி பயன்பாடுகளில் சென்ட்ரி மூலம் கண்காணிப்பு பிழைகள்: பகுதி 1

நாங்கள் பிழையைப் பிடித்தோம், எனவே அது அழைப்பு அடுக்கை பாப் அப் செய்யாது, எனவே கன்சோலில் கண்காணிக்கப்படாது. இருப்பினும், நாங்கள் அனுப்புவதால் செண்ட்ரி ஒரு பிழையை கைமுறையாகப் புகாரளிக்கவும், அதைப் பற்றிய செய்தியை உங்கள் கணக்கில் காண்போம்.

ஜாவாஸ்கிரிப்ட்டில் எழுதப்பட்ட முன்-இறுதி பயன்பாடுகளில் சென்ட்ரி மூலம் கண்காணிப்பு பிழைகள்: பகுதி 1

கருத்துக்கள்:

  • எந்த வரியில் (24) பிழை உள்ளது என்பதைக் கண்டறியலாம்
  • கூடுதலாக, பிரட்க்ரம்ப் பாதை பிழைக்கு வழிவகுத்த உலாவி செயல்களைக் காட்டுகிறது.

பிடிபடாத பிழைகள் எவ்வாறு காட்டப்படுகின்றன

பொத்தானை கிளிக் செய்யவும் "பிழை".

ஜாவாஸ்கிரிப்ட்டில் எழுதப்பட்ட முன்-இறுதி பயன்பாடுகளில் சென்ட்ரி மூலம் கண்காணிப்பு பிழைகள்: பகுதி 1

பிழை அழைப்பு அடுக்கை உயர்த்துகிறது, இதனால் ஒரு பிழை செய்தி கன்சோலில் காட்டப்படும். இதற்குப் பிறகு, எந்த கூடுதல் செயல்களும் இல்லாமல், சென்ட்ரி தானாகவே பிழையைக் கண்காணிக்கும்.

ஜாவாஸ்கிரிப்ட்டில் எழுதப்பட்ட முன்-இறுதி பயன்பாடுகளில் சென்ட்ரி மூலம் கண்காணிப்பு பிழைகள்: பகுதி 1

கருத்துக்கள்:

  • எந்த வரியில் (30) பிழை தொலைந்தது என்று பார்க்கலாம்
  • ப்ரெட்க்ரம்ப் பாதை இல்லை (ஏன் என்று எனக்கு சரியாக புரியவில்லை)

திட்டத்தின் பாதுகாப்பை எவ்வாறு உறுதிப்படுத்துவது

எங்கள் திட்டத்தில் எந்தப் பக்கங்கள் பிழைகளைப் புகாரளிக்கலாம் என்பதை நாங்கள் கட்டுப்படுத்தும் முறையை நீங்கள் கவனித்திருக்கலாம் செண்ட்ரி; உதவியுடன் டிஎஸ்என் பதிவுகள். பிரச்சனை என்னவென்றால், உங்கள் பக்கத்தின் மூலக் குறியீட்டைப் பார்க்கும் எவரும் உள்ளீட்டைப் பார்க்க முடியும்.

இதைத் தவிர்க்க, எங்கள் திட்டத்தில் பிழை அறிக்கைகளைச் சமர்ப்பிக்கக்கூடிய டொமைன்களின் எண்ணிக்கையைக் கட்டுப்படுத்த வேண்டும். இந்த எடுத்துக்காட்டில் நாங்கள் பயன்படுத்தினோம் லோக்கல் ஹோஸ்ட் (உள்ளூர் ஹோஸ்ட்). இந்த விருப்பம் அமைப்புகள் தாவலில் கட்டமைக்கப்பட்டுள்ளது செண்ட்ரி- திட்டம், சென்ட்ரி திட்ட அமைப்பு.

ஜாவாஸ்கிரிப்ட்டில் எழுதப்பட்ட முன்-இறுதி பயன்பாடுகளில் சென்ட்ரி மூலம் கண்காணிப்பு பிழைகள்: பகுதி 1

வெளியிடுகிறது

எப்படி பயன்படுத்துவது என்று யோசித்தால் செண்ட்ரி எங்கள் பயன்பாட்டின் வெவ்வேறு மாறுபாடுகளில், பதிப்பு எண்ணுடன் பிழைகளைக் குறிக்கும் சில வகையான வழிமுறைகள் நமக்குத் தேவை.

எல்லாவற்றிற்கும் மேலாக, நாங்கள் சரிசெய்த பிழை மீண்டும் தோன்றுவதை நாங்கள் விரும்பவில்லை, மேலும் நாங்கள் சரிசெய்தது வேலை செய்யவில்லை என்று நாங்கள் நினைக்கிறோம். பயன்பாட்டின் பழைய, தற்காலிக சேமிப்பு பதிப்பை பயனர் துவக்கியிருக்கலாம்.

சிக்கலைத் தீர்க்க, நீங்கள் அடையாளங்காட்டியை உள்ளிட வேண்டும் வெளியீடு (பதிப்புகள்) தொடக்கத்தில் செண்ட்ரி.

வெண்ணிலா/index.html

...
var RELEASE = '0.1.0';
Sentry.init({
  dsn: 'https://[email protected]/1289664',
  release: RELEASE,
});
...

இதற்குப் பிறகு, அனைத்து புதிய பிழைகளும் எனக் குறிக்கப்படும் வெளியீடு (0.1.0), அதாவது, அவை குறியீட்டின் சரியான பதிப்போடு இணைக்கப்படும்.

ஜாவாஸ்கிரிப்ட்டில் எழுதப்பட்ட முன்-இறுதி பயன்பாடுகளில் சென்ட்ரி மூலம் கண்காணிப்பு பிழைகள்: பகுதி 1

கருத்துக்கள்:

  • வெளியீடுகளைப் பயன்படுத்துவதற்கான எளிய வழியைக் கண்டுபிடித்துள்ளோம்
  • சென்ட்ரி நீங்கள் அதிகமாக பயன்படுத்த அனுமதிக்கிறது சிக்கலான தங்கள் பயன்படுத்த, இது நெருங்கிய தொடர்புடையது மகிழ்ச்சியா. இந்தச் செயல்பாடு சில செயல்பாடுகளைச் செய்வதற்கு முன் பிழைகளைக் கண்காணிப்பதை சாத்தியமாக்குகிறது.

PS இரண்டாம் பாகம் நீளமாக இருப்பதால் தனி பதிவில் இருக்கும்.

PS டெலிகிராம் அரட்டை சென்ட்ரி https://t.me/sentry_ru

PS இது இடுகையின் மொழிபெயர்ப்பு என்பதைக் குறிப்பிட மறந்துவிட்டேன் https://codeburst.io/sentry-error-reporting-by-example-part-1-999b2df11556

ஆதாரம்: www.habr.com

கருத்தைச் சேர்