சென்ட்ரி என்பது ஒரு பிழை-கண்காணிப்பு தளமாகும், இது உங்கள் உற்பத்தி வரிசைப்படுத்தல்களில் உள்ள சிக்கல்களைக் கண்காணிக்க உதவுகிறது. இது மிகவும் பிரபலமான நிரலாக்க மொழிகள் மற்றும் கட்டமைப்புகளை ஆதரிக்கிறது. GitLab என்பது Git-அடிப்படையிலான DevOps தளமாகும், இது முழு மென்பொருள் மேம்பாட்டு வாழ்க்கைச் சுழற்சியையும் நிர்வகிக்கிறது. கைப்பற்றப்பட்ட பிழைகளைக் காட்ட GitLab சென்ட்ரியுடன் ஒருங்கிணைக்க முடியும். இந்தக் கட்டுரையில், ரியாக்ட் அப்ளிகேஷனில் உள்ள சிக்கல்களைத் தவிர்க்க இரண்டு சேவைகளைப் பயன்படுத்துவோம்.
அமைகிறது
GitLab மற்றும் Sentry இரண்டும் சுய-ஹோஸ்ட் மற்றும் SaaS விருப்பங்களைக் கொண்டுள்ளன. இந்த வழிகாட்டியில் உள்ள படிகள் இரண்டு வகைகளுக்கும் பொருந்தும். உங்கள் GitLab நிகழ்வில் பயன்படுத்துவதற்கு ஏற்கனவே ஒரு ரியாக்ட் ப்ராஜெக்ட் தயாராக உள்ளதாக நாங்கள் கருதுவோம். சென்ட்ரியில் உள்நுழைந்து மேல் வலது மூலையில் உள்ள “திட்டத்தை உருவாக்கு” பொத்தானைக் கிளிக் செய்யவும். “ஒரு தளத்தைத் தேர்ந்தெடு” என்ற தலைப்பின் கீழ் “எதிர்வினை” என்பதைக் கிளிக் செய்யவும். இது உங்கள் திட்டத்திற்கான எடுத்துக்காட்டு குறியீடு துணுக்குகளை செண்ட்ரியை வடிவமைக்க உதவுகிறது. “உங்கள் இயல்புநிலை எச்சரிக்கை அமைப்புகளை அமைக்கவும்” என்பதன் கீழே உள்ள விருப்பங்களைப் பயன்படுத்தி எச்சரிக்கைகளை எப்போது பெறுவது என்பதைத் தேர்வுசெய்யவும். ஒவ்வொரு முறையும் பிழை உள்நுழையும்போது மின்னஞ்சலைப் பெற “ஒவ்வொரு புதிய சிக்கலிலும் என்னை எச்சரிக்கவும்” என்பதைத் தேர்ந்தெடுக்கவும். கொடுக்கப்பட்ட நேர சாளரத்தில் நகல் நிகழ்வுகளால் உருவாக்கப்பட்ட இரைச்சலை “அதிகமாக இருக்கும் போது” விருப்பம் வடிகட்டுகிறது. “திட்டத்தின் பெயர்” புலத்தில் உங்கள் திட்டத்திற்கு ஒரு பெயரைக் கொடுங்கள். உங்கள் அமைப்பை முடிக்க “திட்டத்தை உருவாக்கு” என்பதைக் கிளிக் செய்யவும்.
உங்கள் கோட்பேஸில் சென்ட்ரியைச் சேர்த்தல்
இப்போது, உங்கள் ரியாக்ட் குறியீட்டுடன் சென்ட்ரியை ஒருங்கிணைக்க வேண்டும். npm ஐப் பயன்படுத்தி உங்கள் திட்டத்தின் சார்புகளில் சென்ட்ரி லைப்ரரியைச் சேர்க்கவும்:
npm நிறுவ @sentry/react
உங்கள் பயன்பாட்டின் ஜாவாஸ்கிரிப்ட்டில் கூடிய விரைவில் சென்ட்ரியை நீங்கள் துவக்க வேண்டும். இது ரியாக்ட் லைஃப்சைக்கிளின் ஆரம்பத்தில் ஏற்படும் பிழைகளை சென்ட்ரிக்கு தெரியும். உங்கள் முதல் ReactDOM.render()
அழைப்பிற்கு முன் சென்ட்ரியின் பூட்ஸ்ட்ராப் ஸ்கிரிப்டைச் சேர்க்கவும். இது பொதுவாக இதில் உள்ளது index.js
:
"./App.js" இலிருந்து பயன்பாட்டை இறக்குமதி ; "ரியாக்ட்" இலிருந்து இறக்குமதி எதிர்வினை ; "ரியாக்ட் -டோம்" இலிருந்து ReactDOM ஐ இறக்குமதி செய்யவும் ; "@sentry/react" இலிருந்து * சென்ட்ரியாக இறக்குமதி செய்யவும் ; சென்ட்ரி. init ( { dsn : "my-dsn" } ) ; ReactDOM. ரெண்டர் ( < App />, ஆவணம். getElementById ( "react" ) ) ;
my-dsn
உங்கள் திட்ட உருவாக்கத் திரையில் சென்ட்ரி காண்பிக்கும் DSN ஐ மாற்றவும் . DSN ஆனது உங்கள் திட்டத்தை தனித்துவமாக அடையாளப்படுத்துகிறது, இதனால் சேவையானது நிகழ்வுகளை சரியாகக் குறிப்பிடும்.
பிடிப்பதில் பிழைகள்
கையாளப்படாத ஜாவாஸ்கிரிப்ட் பிழைகளை சென்ட்ரி தானாகவே கைப்பற்றி புகாரளிக்கும். இது செயலிழப்பைத் தடுக்க முடியாது என்றாலும் , பயனர் அறிக்கை வருவதற்கு முன்பு ஏதோ தவறு நடந்துள்ளது என்பதை இது உங்களுக்குத் தெரிவிக்கும். இங்கே ஒரு உதாரணம் App.js
:
"ரியாக்ட்" இலிருந்து இறக்குமதி எதிர்வினை ; ஏற்றுமதி இயல்புநிலை ( ) => { const data = null ; தரவு திரும்ப . வரைபடம் ( ( val , key ) => { < h2 key = { key } > { val } </ h2 >; } ) ; } ;
இந்த குறியீடு உடைந்துவிட்டது- data
என அமைக்கப்பட்டுள்ளது null
, எனவே map
சொத்து undefined
. நாங்கள் பொருட்படுத்தாமல் அழைக்க முயற்சிக்கிறோம், data.map()
இதனால் பயன்பாடு செயலிழக்கும். சென்ட்ரியில் ஒரு சிக்கல் காட்டப்படுவதை நீங்கள் பார்க்க வேண்டும். சென்ட்ரி சிக்கல்களில் முடிந்தவரை பிழை பற்றிய தரவு அடங்கும். பக்க URL மற்றும் பயனரின் சாதனம் பற்றிய தகவலை நீங்கள் பார்க்கலாம். சென்ட்ரி தானாகவே நகல் சிக்கல்களை ஒன்றாக இணைக்கும். ஒரு நிகழ்வானது பல பயனர்களைப் பாதிக்கும் ஒரு நிகழ்வா அல்லது வழக்கமான நிகழ்வா என்பதைப் பார்க்க இது உதவுகிறது. ஜாவாஸ்கிரிப்ட் மூல வரைபடங்கள் கிடைக்கும்போது சென்ட்ரி தானாகவே அவற்றைப் பெறுகிறது. நீங்கள் பயன்படுத்தினால்
create-react-app
, ஆதார வரைபடங்கள் தானாகவே உருவாக்கப்படும் npm run build
. அவற்றை உங்கள் இணைய சேவையகத்தில் நகலெடுத்துள்ளதை உறுதிசெய்துகொள்ளவும், இதனால் சென்ட்ரி அவர்களைக் கண்டுபிடிக்க முடியும். minified build output மூலம் உருவாக்கப்பட்ட தெளிவற்ற அடுக்கிற்குப் பதிலாக அசல் மூலக் குறியீட்டிலிருந்து அழகான ஸ்டாக் தடயங்களைக் காண்பீர்கள். சென்ட்ரி பிழைகள் தீர்க்கப்பட்டதாகவோ அல்லது புறக்கணிக்கப்பட்டதாகவோ நீங்கள் குறிக்கலாம். இந்தப் பொத்தான்களை சிக்கலின் தலைப்புக்குக் கீழேயும், சிக்கல்கள் மேலோட்டப் பக்கத்திலும் காணலாம். சிக்கல் சரி செய்யப்பட்டுவிட்டதாக நீங்கள் நம்பினால், தீர்க்கப்பட்டதைப் பயன்படுத்தவும். புறக்கணிக்கப்பட்டது, நீங்கள் மூல காரணத்தைத் தீர்க்க விரும்பாத சந்தர்ப்பங்களில். ரியாக்ட் தளங்களில், பழைய உலாவி பதிப்புகளால் ஏற்படும் பிழைகளுக்கு இதுவாக இருக்கலாம்.
பிழை எல்லைகள்
ரியாக்ட் எர்ரர் எல்லைகள், ஒரு கூறுக்குள் ஒரு பிழை ஏற்பட்டால், ஃபால்பேக் UIயை ரெண்டர் செய்ய அனுமதிக்கும். சென்ட்ரி அதன் சொந்த பிழை எல்லை ரேப்பரை வழங்குகிறது. இது ஃபால்பேக் UIயை வழங்குவதோடு, சிக்கிய பிழையை சென்ட்ரிக்கு பதிவு செய்கிறது.
" சென்ட்ரியில்" இருந்து சென்ட்ரியாக * இறக்குமதி செய் ; ஏற்றுமதி இயல்புநிலை ( ) => { const data = null ; திரும்பவும் _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ ; } ) ; } </ சென்ட்ரி. ErrorBoundary > ) ; } ;
இப்போது, பிழை ஏற்பட்டால், பயனர்களுக்கு எச்சரிக்கையைக் காட்டலாம். உங்கள் சென்ட்ரி திட்டத்தில் பிழை அறிக்கையைப் பெறுவீர்கள்.
GitLab ஒருங்கிணைப்பைச் சேர்த்தல்
GitLab மற்றும் Sentry ஆகியவற்றை ஒருங்கிணைக்க இரண்டு பக்கங்கள் உள்ளன. முதலில், GitLab திட்டப்பணிகள் உங்கள் சென்ட்ரி பிழை பட்டியலைக் காண்பிக்கும் “பிழை கண்காணிப்பு” அம்சத்தைக் கொண்டுள்ளன. GitLab இல் இருந்து பிழைகள் தீர்க்கப்பட்டதாக அல்லது புறக்கணிக்கப்பட்டதாக நீங்கள் குறிக்கலாம். இரண்டாவது பகுதி சென்ட்ரியை GitLab உடன் இணைப்பதை உள்ளடக்கியது. புதிய பிழை உள்நுழையும்போது, GitLab சிக்கல்களை Sentry தானாகவே உருவாக்க இது அனுமதிக்கிறது . முதலில் GitLab இன் Error Tracking திரையைப் பார்ப்போம். நீங்கள் சென்ட்ரி ஏபிஐ விசையை உருவாக்க வேண்டும். உங்கள் சென்ட்ரி UI இன் மேல் இடதுபுறத்தில் உள்ள உங்கள் பயனர் பெயரைக் கிளிக் செய்து, பின்னர் மெனுவில் உள்ள API விசைகளைக் கிளிக் செய்யவும். மேல் வலது மூலையில் உள்ள “புதிய டோக்கனை உருவாக்கு” என்பதைக் கிளிக் செய்யவும். பின்வரும் டோக்கன் நோக்கங்களைச் சேர்க்கவும்:
alerts:read
alerts:write
event:admin
event:read
event:write
project:read
இது உங்கள் சென்ட்ரி பிழைகளைப் படிக்கவும் புதுப்பிக்கவும் GitLab ஐ அனுமதிக்கிறது. அடுத்து, உங்கள் GitLab திட்டத்திற்குச் செல்லவும். பக்க மெனுவில் உள்ள அமைப்புகள், பின்னர் செயல்பாடுகள் என்பதைக் கிளிக் செய்யவும். “பிழை கண்காணிப்பு” பகுதியை விரிவாக்கவும். உங்கள் சென்ட்ரி அங்கீகார டோக்கனை “அங்கீகார டோக்கன்” புலத்தில் ஒட்டவும் மற்றும் “இணை” என்பதை அழுத்தவும். நீங்கள் சுய-ஹோஸ்ட் செய்யப்பட்ட சென்ட்ரி நிகழ்வைப் பயன்படுத்துகிறீர்கள் எனில், உங்கள் சர்வரின் URI உடன் பொருந்துமாறு “Sentry API URI” புலத்தையும் நீங்கள் சரிசெய்ய வேண்டும்.
“திட்டம்” கீழ்தோன்றும் உங்கள் சென்ட்ரி திட்டங்களின் பட்டியலுடன் நிரப்பப்படும். சரியான திட்டத்தைத் தேர்ந்தெடுத்து “மாற்றங்களைச் சேமி” என்பதை அழுத்தவும். நீங்கள் இப்போது GitLab இல் பிழை கண்காணிப்பைப் பயன்படுத்தத் தயாராக உள்ளீர்கள். இடது பக்கப்பட்டியில் செயல்பாடுகள் > பிழை கண்காணிப்பு என்பதைக் கிளிக் செய்யவும். உங்கள் சென்ட்ரி பிழை பட்டியலைக் காண்பீர்கள். இது இயல்பாகவே தீர்க்கப்படாத சிக்கல்களுக்கு வடிகட்டப்படுகிறது. மேல் வலது மூலையில் உள்ள கீழ்தோன்றல்களைப் பயன்படுத்தி இதை மாற்றலாம். GitLab ஐ விட்டு வெளியேறாமல் அதன் விரிவான ஸ்டாக் ட்ரேஸைக் காண பிழையைக் கிளிக் செய்யவும். GitLab சிக்கலைப் புறக்கணிக்கவும், தீர்க்கவும் மற்றும் மாற்றவும் பொத்தான்கள் உள்ளன. நீங்கள் GitLab சிக்கலைத் திறந்ததும், அந்த உருப்படியை குழு உறுப்பினருக்கு ஒதுக்கலாம், இதனால் பிழை தீர்க்கப்படும்.
இப்போது, நீங்கள் இரண்டாவது ஒருங்கிணைப்பு கூறுகளைச் சேர்க்கலாம் – சென்ட்ரியிலிருந்து GitLab க்கு ஒரு இணைப்பு. உங்கள் சென்ட்ரி பக்கப்பட்டியில் உள்ள அமைப்புகளைக் கிளிக் செய்து, பின்னர் ஒருங்கிணைப்புகள். பட்டியலில் GitLab ஐக் கண்டறிந்து, மேல் வலது மூலையில் உள்ள ஊதா நிற “நிறுவலைச் சேர்” பொத்தானைக் கிளிக் செய்யவும். அமைவுத் தகவலைப் பார்க்க “அடுத்து” என்பதைக் கிளிக் செய்யவும்.
மீண்டும் GitLab இல், மேல் வலது மூலையில் உள்ள உங்கள் பயனர் ஐகானைக் கிளிக் செய்து, அதைத் தொடர்ந்து “விருப்பங்கள்” என்பதைக் கிளிக் செய்யவும். இடது பக்க மெனுவில் உள்ள “பயன்பாடுகள்” என்பதைக் கிளிக் செய்து புதிய பயன்பாட்டைச் சேர்க்கவும். நிறுவல் அமைவு பாப்-அப்பில் சென்ட்ரி காட்டிய விவரங்களைப் பயன்படுத்தவும்.
GitLab ஆப்ஸ் ஐடி மற்றும் சீக்ரெட் கீயைக் காண்பிக்கும். சென்ட்ரி பாப்-அப்பிற்குத் திரும்பி, இந்த மதிப்புகளை உள்ளிடவும். உங்கள் GitLab சேவையக URL ஐ (
gitlab.com
GitLab SaaS க்காக) சேர்த்து, உங்கள் GitLab குழுவிற்கு தொடர்புடைய URL பாதையை உள்ளிடவும் (எ.கா. my-group
). தனிப்பட்ட திட்டங்களுடன் ஒருங்கிணைப்பு வேலை செய்யாது. ஒருங்கிணைப்பை உருவாக்க ஊதா சமர்ப்பி பொத்தானைக் கிளிக் செய்யவும். சென்ட்ரி இப்போது உங்கள் பிழைகளுக்கு அடுத்ததாக GitLab தகவலைக் காண்பிக்க முடியும். பிழையை அறிமுகப்படுத்திய உறுதி மற்றும் GitLab கோப்புகளுடன் மீண்டும் இணைக்கும் தடயங்களை அடுக்கி வைப்பது இதில் அடங்கும். கட்டணத் திட்டங்களில் உள்ள சென்ட்ரி பயனர்கள் GitLab மற்றும் Sentry சிக்கல்களை ஒன்றோடொன்று இணைக்க முடியும்.
வளர்ச்சியில் சென்ட்ரியை முடக்குகிறது
உங்கள் பயன்பாட்டை உள்நாட்டில் உருவாக்கும்போது, சென்ட்ரியைப் பயன்படுத்த வேண்டிய அவசியமில்லை. Sentry.init()
நீங்கள் சென்ட்ரி முடக்கப்பட்ட நிலையில் இயக்க விரும்பினால் அழைக்க வேண்டாம் . உள்ளூர் சூழல் மாறி இருக்கிறதா எனச் சரிபார்த்து, சென்ட்ரி அமைக்கப்பட்டிருந்தால் அதை முடக்கலாம்.
என்றால் ( செயல்முறை. env . NODE_ENV === "தயாரிப்பு" ) { சென்ட்ரி. init ( { dsn : "my-dsn" } ) ; }
NODE_ENV
மூலம் தானாகவே அமைக்கப்படுகிறது create-react-app
. உற்பத்தி ஹார்ட்கோட் மாறியை உருவாக்குகிறது production
. சென்ட்ரியைத் தேர்ந்தெடுத்து இயக்க இதைப் பயன்படுத்தலாம்.
செயல்திறன் விவரக்குறிப்பை இயக்குகிறது
சென்ட்ரி உங்கள் ஆப்ஸின் உலாவி செயல்திறனையும் சுயவிவரப்படுத்த முடியும். இந்த கட்டுரையின் முக்கிய கவனம் இது இல்லை என்றாலும், உங்கள் சென்ட்ரி லைப்ரரி துவக்கத்தில் சில கூடுதல் வரிகளுடன் டிரேசிங்கை அமைக்கலாம்:
npm நிறுவ @sentry/tracing
"@sentry/tracing" இலிருந்து { ஒருங்கிணைப்புகளை } இறக்குமதி செய் ; சென்ட்ரி. init ( { dsn : "my-dsn" , ஒருங்கிணைப்புகள் : [ புதிய ஒருங்கிணைப்புகள். BrowserTracing ( ) ] , tracesSampleRate : 1.0 } ) ;
இப்போது, உங்கள் சென்ட்ரி திட்டத்தில் செயல்திறன் தரவைப் பார்க்க முடியும். உற்பத்தியில் மெதுவாக இயங்கும் குறியீட்டை அடையாளம் காண இது உதவும்.
முடிவுரை
பயனர்கள் புகாரளிக்கும் முன் பிழைகளைக் கண்டறிந்து சரிசெய்ய சென்ட்ரி உங்களை அனுமதிக்கிறது. உற்பத்தியில் சிக்கல்கள் ஏற்படுவதால், நிகழ்நேர விழிப்பூட்டல்களைப் பெறலாம். ஸ்டேக் ட்ரேஸ்கள் மற்றும் உலாவி தரவு ஒவ்வொரு இதழிலும் இன்லைனில் காட்டப்படும், இது உங்களுக்குத் தீர்வுக்கான உடனடி தொடக்கப் புள்ளியை வழங்குகிறது. GitLab உடன் சென்ட்ரியை இணைப்பது மென்பொருள் மேம்பாட்டு செயல்முறையுடன் இன்னும் இறுக்கமான ஒருங்கிணைப்பை வழங்குகிறது. நீங்கள் ஏற்கனவே திட்ட நிர்வாகத்திற்காக GitLab ஐப் பயன்படுத்துகிறீர்கள் என்றால், Sentry ஒருங்கிணைப்பைச் சேர்ப்பது GitLab இல் விழிப்பூட்டல்களை நிர்வகிக்கவும், புதிய Sentry பிழைகளுக்கு GitLab சிக்கல்களை உருவாக்கவும் உங்களை அனுமதிக்கிறது. அடுத்து படிக்கவும்
- › AMD இன் புதிய RX 7000 GPUகள் உண்மையில் நல்லவை மற்றும் மிகவும் மலிவானவை
- உங்கள் எல்லா சாதனங்களிலும் Google இலிருந்து வெளியேறுவது எப்படி
- › நிகழ்வு திட்டமிடலுக்கு மைக்ரோசாஃப்ட் எக்செல் டெம்ப்ளேட்களை எவ்வாறு பயன்படுத்துவது
- வானியலாளர்கள் பூமிக்கு மிக அருகில் உள்ள கருந்துளையைக் கண்டுபிடித்தனர் (இது இன்னும் தொலைவில் உள்ளது)
- இன்ஸ்டாகிராமில் பின்தொடர்பவர்களை எவ்வாறு அகற்றுவது
- › உங்கள் Windows 11 பணிப்பட்டியில் பாப்-அப் உதவிக்குறிப்புகளைப் பார்க்க தயாராகுங்கள்
வேர்க்கடலை வெண்ணெய் மற்றும் ஜெல்லி, டோனட்ஸ் மற்றும் காபி, வெண்டியின் ஃப்ரோஸ்டீஸ் மற்றும் பிரஞ்சு பொரியல் – இந்த கலவைகள் வேலை செய்யும் . ஏன் என்று நாம் கேட்பதில்லை; இயற்கையின் பரிசை ஏற்று மகிழ்கிறோம். செண்ட்ரி மற்றும் கிட்லாப் என்ற மற்றொரு சிறந்த ஜோடியை நீங்கள் ஏற்றுக்கொண்டு மகிழ்வீர்கள் என்று நம்புகிறோம். உண்மையில், Sentry மற்றும் GitLab ஏற்கனவே ஒன்றாகச் செயல்படுவதால், இந்த ஒருங்கிணைப்பை நிறுவிய பயனர்கள் 73% பிளாட்ஃபார்மில் உள்ள சிக்கல்களை வெற்றிகரமாகத் தீர்க்கிறார்கள். பிழைகளுக்கு அதிகத் தெரிவுநிலையை வழங்க, வெளியீடு மற்றும் கமிட் கண்காணிப்பு மற்றும் சந்தேகத்திற்குரிய செயல்களைச் சேர்ப்பதன் மூலம் சமீபத்தில் GitLab ஒருங்கிணைப்பை மேம்படுத்தினோம். GitLab அவர்களின் புதிய வெளியீட்டில் (11.7) சென்ட்ரியை நேரடியாக GitLab திட்டங்களில் ஒருங்கிணைப்பதன் மூலம் GitLab இந்த முயற்சியைத் தொடர்ந்தது. இரண்டு ஒருங்கிணைப்புகளின் கலவையானது, உங்கள் தற்போதைய பணிப்பாய்வுக்குள் இருக்கும் போது, சூழ்நிலைக்கு ஏற்ப பிழைகளை நிவர்த்தி செய்வதற்கான தெளிவான பாதையை வழங்குகிறது. உங்கள் பணிப்பாய்வுகளை சீரமைத்து சுருக்கவும் பிழை விழிப்பூட்டல்கள் உங்களை பீதிக்குள்ளாக்கிய நாட்களை மறந்துவிடுவோம், என்ன தவறு, எங்கு நடந்தது என்பதைப் பார்க்க கருவியிலிருந்து கருவிக்கு மாறுகிறது. மாறாக, Sentry மற்றும் GitLab இன் ஒருங்கிணைந்த சக்தி உங்கள் விழிப்பூட்டல் தூண்டப்பட்ட கவலையைத் தணிக்கட்டும், அதே நேரத்தில் உங்கள் சோதனை செயல்முறையை ஒழுங்குபடுத்துகிறது மற்றும் தீர்மானத்தை வழங்குவதற்கான நேரத்தை குறைக்கிறது. நன்றாக இருக்கிறது, இல்லையா? நீங்கள் Sentry மற்றும் GitLab இரண்டையும் பயன்படுத்தினால், GitLab சிக்கல்களை நேரடியாக சென்ட்ரி UI இல் நிர்வகிக்கலாம் மற்றும் உருவாக்கலாம்.
- மிஸ் என் இடம்
- உங்கள் குறியீடு தளத்தில் சென்ட்ரியைச் சேர்க்கவும்
- பிழை பிடிப்பு
- பிழை வரம்புகள்
- GitLab ஒருங்கிணைப்பு சேர்க்கப்பட்டது
- வளர்ச்சியில் உள்ள சென்ட்ரியை முடக்கு
- செயல்திறன் விவரக்குறிப்பை இயக்குகிறது
- முடிவுரை
மிஸ் என் இடம்
GitLab மற்றும் Sentry இரண்டும் சுய-ஹோஸ்ட் மற்றும் SaaS விருப்பங்களைக் கொண்டுள்ளன. இந்த வழிகாட்டியில் உள்ள படிகள் இரண்டு மாறுபாடுகளுக்கும் பொருந்தும். உங்கள் GitLab நிகழ்வில் பயன்படுத்துவதற்கு ஏற்கனவே ஒரு ரியாக்ட் ப்ராஜெக்ட் தயாராக இருப்பதாக நாங்கள் கருதுகிறோம். சென்ட்ரியில் உள்நுழைந்து மேல் வலது மூலையில் உள்ள “திட்டத்தை உருவாக்கு” பொத்தானைக் கிளிக் செய்யவும். “ஒரு தளத்தைத் தேர்ந்தெடு” என்ற தலைப்பின் கீழ் “வினை” என்பதைக் கிளிக் செய்யவும். இது மாதிரி குறியீடு துணுக்குகளை உங்கள் திட்டத்திற்கு மாற்றியமைக்க சென்ட்ரியை அனுமதிக்கிறது. “உங்கள் இயல்புநிலை எச்சரிக்கை அமைப்புகளை அமை” என்பதன் கீழ் உள்ள விருப்பங்களைப் பயன்படுத்தி விழிப்பூட்டல்களை எப்போது பெற வேண்டும் என்பதைத் தேர்வுசெய்யவும். ஒவ்வொரு முறையும் பிழை பதிவு செய்யப்படும் போது மின்னஞ்சலைப் பெற, “ஒவ்வொரு புதிய பிரச்சனையையும் எனக்குத் தெரிவி” என்பதைத் தேர்ந்தெடுக்கவும். “When more than” விருப்பம் ஒரு குறிப்பிட்ட நேர சாளரத்தில் நகல் நிகழ்வுகளால் உருவாக்கப்பட்ட இரைச்சலை வடிகட்டுகிறது. “திட்டத்தின் பெயர்” புலத்தில் உங்கள் திட்டத்திற்கு ஒரு பெயரைக் கொடுங்கள். உங்கள் உள்ளமைவை முடிக்க «ஒரு திட்டத்தை உருவாக்கு» என்பதைக் கிளிக் செய்யவும்.
உங்கள் குறியீடு தளத்தில் சென்ட்ரியைச் சேர்க்கவும்
இப்போது உங்கள் ரியாக்ட் குறியீட்டுடன் சென்ட்ரியை ஒருங்கிணைக்க வேண்டும். npm ஐப் பயன்படுத்தி உங்கள் திட்ட சார்புகளில் சென்ட்ரி லைப்ரரியைச் சேர்க்கவும்:
npm நிறுவு @ sentry / react
உங்கள் ஆப்ஸின் ஜாவாஸ்கிரிப்ட்டில் கூடிய விரைவில் சென்ட்ரியை துவக்க வேண்டும். இது ரியாக்டின் வாழ்க்கைச் சுழற்சியின் ஆரம்பத்தில் ஏற்படும் பிழைகளில் சென்ட்ரிக்கு தெரிவுநிலையை அளிக்கிறது. ReactDOM.render()
உங்கள் முதல் அழைப்புக்கு முன் சென்ட்ரி பூட்ஸ்ட்ராப் ஸ்கிரிப்டைச் சேர்க்கவும் . இது பொதுவாக இதில் உள்ளது index.js
:
"./App.js" இலிருந்து பயன்பாட்டை இறக்குமதி செய்யவும்; "ரியாக்ட்" இலிருந்து வினையை இறக்குமதி செய்; "ரியாக்ட்-டோம்" இலிருந்து ReactDOM ஐ இறக்குமதி செய்யவும்; "@ சென்ட்ரி / ரியாக்ட்" இலிருந்து சென்ட்ரியாக * இறக்குமதி செய்யவும்; sentry.init({ டிஎஸ்என்: "மை-டிஎஸ்என்" }); ReactDOM.yield(<App />, document.getElementById("react"));
my-dsn
உங்கள் திட்ட உருவாக்கத் திரையில் DSN சென்ட்ரி காட்சிகளை மாற்றவும் . DSN உங்கள் திட்டத்தை தனித்துவமாக அடையாளப்படுத்துகிறது, இதனால் சேவையானது நிகழ்வுகளை சரியாக ஒதுக்க முடியும்.
பிழை பிடிப்பு
கையாளப்படாத ஜாவாஸ்கிரிப்ட் பிழைகளை சென்ட்ரி தானாகவே கைப்பற்றி புகாரளிக்கும். அவர் செயலிழப்பைத் தடுக்க முடியாது என்றாலும் , பயனர் அறிக்கை வருவதற்கு முன்பு ஏதோ தவறு இருப்பதை இது உங்களுக்குத் தெரியப்படுத்துகிறது. இங்கே ஒரு உதாரணம் App.js
:
"ரியாக்ட்" இலிருந்து வினையை இறக்குமதி செய்; ஏற்றுமதி இயல்புநிலை () => { நிலையான தேதி = பூஜ்ய; data.map((அலை, விசை) திரும்பவும் => { <h2 key={key}>{wave}</h2>; }); };
இந்த குறியீடு உடைக்கப்பட்டது- data
என அமைக்கப்பட்டுள்ளது null
, எனவே map
சொத்து undefined
. data.map()
ஆப்ஸ் செயலிழந்தாலும் பரவாயில்லை என்று அழைக்க முயற்சிக்கிறோம் . சென்ட்ரியில் ஒரு சிக்கல் தோன்றுவதை நீங்கள் பார்க்க வேண்டும். சென்டினல் சிக்கல்கள் பிழையைப் பற்றி முடிந்தவரை அதிகமான தரவுகளை உள்ளடக்கியது. பக்கத்தின் URL மற்றும் பயனரின் சாதனம் பற்றிய தகவலை நீங்கள் பார்க்கலாம். சென்ட்ரி தானாகவே நகல் சிக்கல்களை இணைக்கும். பல பயனர்களை பாதிக்கும் நிகழ்வு ஒரு முறை அல்லது வழக்கமான நிகழ்வாக இருந்ததா என்பதைப் பார்க்க இது உதவுகிறது. ஜாவாஸ்கிரிப்ட் மூல வரைபடங்கள் கிடைக்கும்போது சென்ட்ரி தானாகவே மீட்டெடுக்கிறது. நீங்கள் பயன்படுத்தினால் create-react-app
, மூல வரைபடங்கள் தானாகவே உருவாக்கப்படும் npm run build
. அவற்றை உங்கள் இணைய சேவையகத்திற்கு நகலெடுத்துக் கொள்ளுங்கள், இதனால் சென்ட்ரி அவற்றைக் கண்டுபிடிக்க முடியும். மைனிஃபைட் பில்ட் அவுட்புட் மூலம் உருவாக்கப்பட்ட தெளிவற்ற அடுக்கிற்குப் பதிலாக அசல் மூலக் குறியீட்டின் நல்ல ஸ்டாக் தடயங்களைக் காண்பீர்கள். சென்ட்ரி பிழைகள் செயலாக்கப்பட்ட பிறகு தீர்க்கப்பட்டதாக அல்லது புறக்கணிக்கப்பட்டதாக நீங்கள் குறிக்கலாம். இந்தப் பொத்தான்களை சிக்கலின் தலைப்பின் கீழும் சிக்கலின் மேலோட்டப் பக்கத்திலும் காணலாம். ஒரு சிக்கல் தீர்க்கப்பட்டது என்பதை உறுதிசெய்தவுடன் Solved பயன்படுத்தவும். புறக்கணிக்கப்பட்டது, நீங்கள் மூல காரணத்தைத் தீர்க்க விரும்பாத சந்தர்ப்பங்களில். ரியாக்ட் தளங்களில், உலாவியின் பழைய பதிப்புகளால் ஏற்படும் பிழைகளுக்கு இது பொருந்தும்.
பிழை வரம்புகள்
ரியாக்ட் எர்ரர் வரம்புகள், ஒரு கூறுகளில் பிழை ஏற்படும் போது, ஃபால்பேக் UIயைக் காட்ட உங்களை அனுமதிக்கும். சென்ட்ரி அதன் சொந்த பிழை வரம்பு ரேப்பரை வழங்குகிறது. இது ஃபால்பேக் பயனர் இடைமுகத்தை உருவாக்கி, சென்ட்ரியில் கண்டறியப்பட்ட பிழையை பதிவு செய்கிறது.
"சென்ட்ரி" இலிருந்து சென்ட்ரியாக * இறக்குமதி செய்யவும்; ஏற்றுமதி இயல்புநிலை () => { நிலையான தேதி = பூஜ்ய; திரும்ப ( <sentry.ErrorBoundary fallback={<h2>ஏதோ தவறாகிவிட்டது.</h2>}> { data.map((அலை, விசை) => { <h2 key={key}>{wave}</h2>; }); } </sentry.ErrorBoundary> ); };
இப்போது நீங்கள் ஒரு பிழை ஏற்படும் போது பயனர்களுக்கு ஒரு எச்சரிக்கையைக் காட்டலாம். உங்கள் சென்ட்ரி திட்டத்தில் பிழை அறிக்கையைப் பெறுவீர்கள்.
GitLab ஒருங்கிணைப்பு சேர்க்கப்பட்டது
GitLab மற்றும் Sentry ஆகியவற்றை ஒருங்கிணைக்க இரண்டு பக்கங்கள் உள்ளன. முதலாவதாக, GitLab திட்டப்பணிகளில் “பிழை கண்காணிப்பு” அம்சம் உள்ளது, அது உங்கள் சென்ட்ரி பிழைகளின் பட்டியலைக் காட்டுகிறது. GitLab இலிருந்து பிழைகள் தீர்க்கப்பட்டதாக அல்லது புறக்கணிக்கப்பட்டதாக நீங்கள் குறிக்கலாம். இரண்டாவது பகுதி சென்ட்ரியை GitLab உடன் இணைப்பது. புதிய பிழை உள்நுழையும்போது, GitLab சிக்கல்களைத் தானாக உருவாக்க சென்ட்ரியை இது அனுமதிக்கிறது . முதலில் GitLab பிழை கண்காணிப்புத் திரையைப் பார்ப்போம். நீங்கள் ஒரு சென்ட்ரி ஏபிஐ விசையை உருவாக்க வேண்டும். உங்கள் சென்ட்ரி UI இன் மேல் இடதுபுறத்தில் உள்ள உங்கள் பயனர் பெயரைக் கிளிக் செய்து, மெனுவில் உள்ள API விசைகளைக் கிளிக் செய்யவும். மேல் வலது மூலையில் உள்ள “புதிய டோக்கனை உருவாக்கு” என்பதைக் கிளிக் செய்யவும். பின்வரும் டோக்கன் நோக்கங்களைச் சேர்க்கவும்:
-
alerts:read
alerts:write
event:admin
event:read
event:write
project:read
இது உங்கள் சென்ட்ரி பிழைகளைப் படிக்கவும் புதுப்பிக்கவும் GitLab ஐ அனுமதிக்கிறது. அடுத்து, உங்கள் GitLab திட்டத்திற்குச் செல்லவும். பக்க மெனுவில் உள்ள அமைப்புகள் என்பதைக் கிளிக் செய்து, செயல்களைக் கிளிக் செய்யவும். “பிழை கண்காணிப்பு” பகுதியை விரிவாக்கவும். உங்கள் சென்ட்ரி அங்கீகரிப்பு டோக்கனை “அங்கீகார டோக்கன்”மற்றும் அழுத்தவும்” இணைப்பில் ஒட்டவும். நீங்கள் சுய-ஹோஸ்ட் செய்யப்பட்ட சென்ட்ரி நிகழ்வைப் பயன்படுத்துகிறீர்கள் எனில், உங்கள் சர்வர் URIஐப் பொருத்துவதற்கு “Sentry API URI” புலத்தையும் நீங்கள் சரிசெய்ய வேண்டும். “திட்டம்” கீழ்தோன்றும் பட்டியல் உங்கள் சென்ட்ரி திட்டங்களின் பட்டியலுடன் தோன்றும். சரியான திட்டத்தைத் தேர்ந்தெடுத்து “மாற்றங்களைச் சேமி” என்பதை அழுத்தவும். நீங்கள் இப்போது GitLab இல் பிழை கண்காணிப்பைப் பயன்படுத்தத் தயாராக உள்ளீர்கள். இடது பக்கப்பட்டியில் செயல்கள்> பிழை கண்காணிப்பு என்பதைக் கிளிக் செய்யவும். உங்கள் சென்ட்ரி பிழைகளின் பட்டியலைக் காண்பீர்கள். இது தீர்க்கப்படாத சிக்கல்களில் இயல்பாக வடிகட்டப்படுகிறது. மேல் வலது மூலையில் உள்ள கீழ்தோன்றும் பட்டியல்களைப் பயன்படுத்தி இதை மாற்றலாம். GitLab இலிருந்து வெளியேறாமல் அதன் விரிவான ஸ்டாக் ட்ரேஸைக் காண பிழையைக் கிளிக் செய்யவும். GitLab சிக்கலைப் புறக்கணிக்கவும், தீர்க்கவும் மற்றும் மாற்றவும் பொத்தான்கள் உள்ளன. GitLab சிக்கலைத் திறந்ததும், அந்த உருப்படியை குழு உறுப்பினருக்கு ஒதுக்கலாம், இதனால் பிழையை சரிசெய்ய முடியும். இப்போது நீங்கள் இரண்டாவது ஒருங்கிணைப்பு கூறுகளைச் சேர்க்கலாம், சென்ட்ரியிலிருந்து GitLab க்கு இணைப்பு. உங்கள் சென்ட்ரி பக்கப்பட்டியில் உள்ள அமைப்புகள் என்பதைக் கிளிக் செய்து, ஒருங்கிணைப்புகளைக் கிளிக் செய்யவும். பட்டியலில் GitLab ஐக் கண்டறிந்து, மேல் வலது மூலையில் உள்ள ஊதா நிற “நிறுவலைச் சேர்” பொத்தானைக் கிளிக் செய்யவும். உள்ளமைவு தகவலைப் பார்க்க “அடுத்து” என்பதைக் கிளிக் செய்யவும். மீண்டும் GitLab இல், மேல் வலது மூலையில் உள்ள உங்கள் பயனரின் ஐகானைக் கிளிக் செய்து, அதைத் தொடர்ந்து “விருப்பங்கள்” என்பதைக் கிளிக் செய்யவும். இடதுபுற மெனுவில் “பயன்பாடுகள்” என்பதைக் கிளிக் செய்து புதிய பயன்பாட்டைச் சேர்க்கவும். நிறுவல் உள்ளமைவு பாப்-அப் சாளரத்தில் சென்ட்ரியால் காட்டப்படும் விவரங்களைப் பயன்படுத்தவும். GitLab ஆப்ஸ் ஐடி மற்றும் ரகசிய விசையைக் காண்பிக்கும். சென்ட்ரி பாப்-அப் சாளரத்திற்குத் திரும்பி, இந்த மதிப்புகளை உள்ளிடவும். உங்கள் GitLab சேவையகத்தின் URL ஐச் சேர்க்கவும் ( gitlab.com
GitLab SaaS க்கு) மற்றும் உங்கள் GitLab குழுவிற்கு தொடர்புடைய URL பாதையை உள்ளிடவும் (எடுத்துக்காட்டாக my-group
). தனிப்பட்ட திட்டங்களுடன் ஒருங்கிணைப்பு வேலை செய்யாது. ஒருங்கிணைப்பை உருவாக்க ஊதா சமர்ப்பி பொத்தானைக் கிளிக் செய்யவும். சென்ட்ரி இப்போது உங்கள் பிழைகளுக்கு அடுத்ததாக GitLab தகவலைக் காண்பிக்க முடியும். GitLab கோப்புகளை சுட்டிக்காட்டும் பிழை மற்றும் அடுக்கு தடயங்களை அறிமுகப்படுத்திய உறுதிப்பாடு இதில் அடங்கும். கட்டணத் திட்டங்களைக் கொண்ட சென்ட்ரி பயனர்கள் GitLab மற்றும் Sentry சிக்கல்களை ஒன்றோடொன்று இணைக்க முடியும்.
வளர்ச்சியில் உள்ள சென்ட்ரியை முடக்கு
உங்கள் உள்நாட்டில் வளரும் பயன்பாட்டை இயக்கும் போது நீங்கள் சென்ட்ரியைப் பயன்படுத்த வேண்டிய அவசியமில்லை. Sentry.init()
நீங்கள் சென்ட்ரி முடக்கப்பட்ட நிலையில் இயக்க விரும்பினால் அழைக்க வேண்டாம் . உள்ளூர் சூழல் மாறி இருப்பதை நீங்கள் சரிபார்க்கலாம் மற்றும் அது அமைக்கப்பட்டிருந்தால் சென்ட்ரியை முடக்கலாம்.
என்றால் (process.env.NODE_ENV === "உற்பத்தி") { sentry.init({ டிஎஸ்என்: "மை-டிஎஸ்என்" }); }
NODE_ENV
மூலம் தானாகவே அமைக்கப்படுகிறது create-react-app
. உற்பத்தியானது மாறியின் கடினமான குறியீட்டை உருவாக்குகிறது production
. சென்ட்ரியைத் தேர்ந்தெடுத்து செயல்படுத்த நீங்கள் அதைப் பயன்படுத்தலாம்.
செயல்திறன் விவரக்குறிப்பை இயக்குகிறது
சென்ட்ரி உங்கள் பயன்பாட்டின் உலாவி செயல்திறனையும் சுயவிவரப்படுத்த முடியும். இந்தக் கட்டுரையின் முக்கிய கவனம் இது இல்லை என்றாலும், உங்கள் சென்ட்ரி லைப்ரரி துவக்கத்தில் சில கூடுதல் வரிகளைக் கொண்டு டிரேசிங்கை உள்ளமைக்கலாம்:
npm நிறுவல் @ சென்ட்ரி / ட்ரேசிங்
"@ sentry / tracing" இலிருந்து {ஒருங்கிணைப்புகளை} இறக்குமதி செய்; sentry.init({ டிஎஸ்என்: "மை-டிஎஸ்என்", ஒருங்கிணைப்புகள்: [new Integrations.BrowserTracing()], தடயங்கள் மாதிரி விகிதம்: 1.0 });
இப்போது உங்கள் சென்ட்ரி திட்டத்தில் செயல்திறன் தரவைப் பார்க்க முடியும். உற்பத்தியில் மெதுவான குறியீட்டை அடையாளம் காண இது உதவும்.
முடிவுரை
பயனர்கள் அவற்றைப் புகாரளிப்பதற்கு முன்பு பிழைகளைக் கண்டறிந்து சரிசெய்ய சென்ட்ரி உங்களை அனுமதிக்கிறது. உற்பத்தியில் சிக்கல்கள் ஏற்படும் போது நிகழ்நேர விழிப்பூட்டல்களைப் பெறலாம். ஒவ்வொரு இதழிலும் ஸ்டேக் ட்ரேஸ்கள் மற்றும் உலாவி தரவு ஆன்லைனில் காட்டப்படும், இது உங்களுக்கு தீர்வுக்கான உடனடி தொடக்க புள்ளியை வழங்குகிறது. GitLab உடன் சென்ட்ரியின் கலவையானது மென்பொருள் மேம்பாட்டு செயல்முறையுடன் இன்னும் இறுக்கமான ஒருங்கிணைப்பை வழங்குகிறது. நீங்கள் ஏற்கனவே திட்ட நிர்வாகத்திற்காக GitLab ஐப் பயன்படுத்தினால், Sentry ஒருங்கிணைப்பைச் சேர்ப்பது GitLab இல் விழிப்பூட்டல்களை நிர்வகிக்கவும் புதிய Sentry பிழைகளுக்கு GitLab சிக்கல்களை உருவாக்கவும் உங்களை அனுமதிக்கிறது.
- ஒரு ப்ரொபேன் கறுப்பன் ஃபோர்ஜை எவ்வாறு உருவாக்குவது
- பூட்ஸ் பாலிஷ் எப்படி
- பேஸ்புக்கில் எமோடிகான்களை உருவாக்குவது எப்படி
- எலிகள் மற்றும் எலிகளை எவ்வாறு அகற்றுவது
- பீங்கான் ஓடுகளை எவ்வாறு சுத்தம் செய்வது