எனது அம்சத்தை அமைதியாக முறித்திருக்கக்கூடிய பாதுகாப்பு திருத்தம்

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

அறிமுகம்

சமீபத்தில், DEV Community ஐ இயக்கும் ஓப்பன் சோர்ஸ் தளமான Forem இல் ஒரு புதிய அம்சம் சேர்க்கப்பட்டது. இந்த அம்சம் உரையிலிருந்து வரைபடங்களை உருவாக்குவதற்கான பிரபலமான கருவியான Mermaid ஐப் பயன்படுத்தி வரைபடங்களை உருவாக்க பயனர்களை அனுமதிக்கிறது. இருப்பினும், இந்த அம்சத்தை உருவாக்கும் போது, எதிர்பாராத சிக்கல்களுக்கு வழிவகுத்திருக்கக் கூடிய ஒரு பாதுகாப்பு எச்சரிக்கை எழுப்பப்பட்டது.

புதிய அம்சம்

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

பாதுகாப்பு கவலை

இந்த அம்சத்தை ஒருங்கிணைக்கும் போது, பயன்படுத்தியதன் காரணமாக ஒரு பாதுகாப்பு எச்சரிக்கை தூண்டப்பட்டது innerHTML பயனரால் உருவாக்கப்பட்ட உள்ளடக்கத்தை Document Object Model (DOM) இல் செருகுவதற்கு. இந்த நடைமுறையானது Cross-Site Scripting (XSS) போன்ற பாதிப்புகளுக்கு வழிவகுக்கும், அங்கு ஒரு தாக்குபவர் மற்ற பயனர்களால் பார்க்கப்படும் வலைப்பக்கங்களில் தீங்கிழைக்கும் ஸ்கிரிப்ட்களை உட்செலுத்த முடியும்.

பரிந்துரைக்கப்பட்ட திருத்தம்

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

எதிர்பாராத விளைவு

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

உருவாக்கச் செயல்முறை

உருவாக்கச் செயல்முறை பல படிகளை உள்ளடக்கியது:

படி 1: அம்சத்தைச் செயல்படுத்துதல்

• Mermaid வரைபட ஆதரவு Forem உடன் ஒருங்கிணைக்கப்பட்டது.

படி 2: பாதுகாப்பு எச்சரிக்கையை நிவர்த்தி செய்தல்

• பயன்படுத்தியது தொடர்பாக ஒரு பாதுகாப்பு எச்சரிக்கை எழுப்பப்பட்டது innerHTML.
• பரிந்துரைக்கப்பட்ட திருத்தம், DOMPurify ஐப் பயன்படுத்தி உள்ளீட்டைச் சுத்தப்படுத்துவதாகும்.

படி 3: திருத்தத்தைச் சோதித்தல்

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

முக்கிய குறிப்புகள்

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

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

முடிவுரை

Forem இல் Mermaid வரைபட ஆதரவை ஒருங்கிணைத்தது ஒரு சிறந்த সংযர்ப்பாகும். இருப்பினும், பயனர்களைப் பாதுகாப்பதை நோக்கமாகக் கொண்ட பாதுகாப்பு திருத்தம், நிவர்த்தி செய்யப்பட வேண்டிய அடிப்படை சிக்கல்களையும் வெளிப்படுத்தியது. மென்பொருள் உருவாக்கத்தில் பாதுகாப்புக்கும் செயல்பாட்டுக்கும் இடையிலான நுட்பமான சமநிலையை இந்த அனுபவம் நினைவூட்டுகிறது.

நன்மைகள்

• வரைபடங்களுடன் காட்சி தகவல்தொடர்பை மேம்படுத்துகிறது.
• பயனரால் உருவாக்கப்பட்ட உள்ளடக்கத்தைச் சுத்தப்படுத்துவதன் மூலம் பாதுகாப்பை மேம்படுத்துகிறது.
• குறியீடாக்கம் மற்றும் சோதனையில் சிறந்த நடைமுறைகளை ஊக்குவிக்கிறது.

தீமைகள்

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

எச்சரிக்கை

இந்தக் கட்டுரை கல்வி நோக்கங்களுக்காக மட்டுமே. உண்மையான பயன்பாட்டில் ஏதேனும் பிளேஸ்ஹோல்டர் மதிப்புகள் உண்மையான தரவுகளுடன் மாற்றப்பட வேண்டும். வாசகர்கள் இந்தக் கூற்றுகளை நம்புவதற்கு முன், அசல் மூலத்துடன் சரிபார்க்க வேண்டும்.

அடிக்கடி கேட்கப்படும் கேள்விகள்

• DOMPurify என்றால் என்ன? — DOMPurify என்பது HTML ஐ சுத்தப்படுத்தவும் XSS தாக்குதல்களைத் தடுக்கவும் பயன்படுத்தப்படும் ஒரு நூலகம்.
• Cross-Site Scripting (XSS) என்றால் என்ன? — XSS என்பது ஒரு பாதுகாப்பு பாதிப்பு, இது தாக்குபவர்கள் வலைப்பக்கங்களில் தீங்கிழைக்கும் ஸ்கிரிப்ட்களை உட்செலுத்த அனுமதிக்கிறது.
• வரைபடங்களில் உள்ள லேபிள்களுக்கு என்ன நடந்தது? — பாதுகாப்புத் திருத்தம் பிழைகளை ஏற்படுத்தாமல் சில வரைபட வகைகளிலிருந்து லேபிள்களை தற்செயலாக அகற்றியது.
• பாதுகாப்புத் திருத்தத்திற்குப் பிறகு சோதனை ஏன் முக்கியமானது? — பாதுகாப்பு மாற்றங்கள் தற்போதைய செயல்பாட்டை சீர்குலைக்காது என்பதை சோதனை உறுதி செய்கிறது.
• Mermaid வரைபட ஆதரவு என்றால் என்ன? — இது Forem தளத்தில் உரையிலிருந்து நேரடியாக வரைபடங்களை உருவாக்கி வழங்க பயனர்களை அனுமதிக்கிறது.
• சுத்தப்படுத்துதல் வெளியீட்டை எவ்வாறு பாதிக்கிறது? — சுத்தப்படுத்துதல் வெளியீட்டில் உள்ள கூறுகளை அகற்றலாம் அல்லது மாற்றலாம், இது உள்ளடக்கம் விடுபட வழிவகுக்கும்.

குறிச்சொற்கள்

#security #javascript #webdev #opensource #DOMPurify #XSS #Mermaid #Forem #DEV #programming