இந்த கட்டுரை Node.js இல் webSocket இணைப்புகளை உருவாக்கும் செயல்முறையை விளக்குகிறது.
Node.js இல் WebSocket இணைப்புகளை உருவாக்குவது எப்படி?
WebSocket இணைப்பு இரண்டு பகுதிகளைக் கொண்டுள்ளது: கிளையன்ட் பக்கத்திலும் சர்வர் பக்கத்திலும் மேம்பாடு. இரு தரப்புக்கும் இடையில் ஊடகமாக செயல்படும் போலி இணையதளமும் உருவாக்கப்பட வேண்டும். இதைப் பயன்படுத்துவதன் மூலம், செய்திகள் இரு தரப்பிலிருந்தும் மாற்றப்படும். NodeJ களில் WebSocket உருவாக்குவதற்கு கீழே உள்ள படிகளைப் பார்வையிடவும்.
படி 1: NodeJs சூழலை அமைத்தல்
உதவியுடன் ' சிடி 'கமாண்ட், ப்ராஜெக்ட் ஃபோல்டர் வழியாகச் சென்று அதன் உள்ளே கட்டளையை இயக்கவும்' npm init -y ” இயல்புநிலை NodeJs தொகுதிகளை நிறுவ:
npm init - மற்றும்
மேலே உள்ள கட்டளையை இயக்கிய பிறகு, '' என்ற புதிய கோப்பு pack.json ” திட்டம் தொடர்பான அடிப்படைத் தகவல்களைச் சேமித்து வைத்து உருவாக்கப்படும்:
படி 2: WebSocket தொகுதியை நிறுவுதல்
WebSocket நெறிமுறையைப் பயன்படுத்த, தொகுதி என்று பெயரிடப்பட்டது ws ” NodeJs திட்டத்தில் நிறுவப்பட வேண்டும். நிறுவலுக்கான கட்டளை கீழே செருகப்பட்டுள்ளது:
npm நிறுவல் ws
கீழே உள்ள வெளியீடு காட்டுகிறது ' ws ” விரும்பிய NodeJs கோப்பகத்தில் நிறுவப்பட்டுள்ளது:
படி 3: WebSocket சேவையகத்தை அமைத்தல்
வெப்சாக்கெட் நெறிமுறையின் சர்வர் பக்கத்தை அமைக்க, புதிய ' .js 'திட்டக் கோப்புறைக்குள் கோப்பைத் தட்டச்சு செய்க' என்ற பெயரில் சர்வர் சைடு ” மற்றும் கீழே குறிப்பிடப்பட்ட குறியீட்டைச் செருகவும்:
நிலையான wsObj = தேவை ( 'ws' ) ;நிலையான ws = புதிய wsObj. சேவையகம் ( { துறைமுகம் : 3000 } ) ;
பணியகம். பதிவு ( 'Linuxhint சர்வர் தொடங்கிவிட்டது' ) ;
மேலே உள்ள குறியீட்டிற்கான விளக்கம் பின்வருமாறு:
- முதலில், உதவியுடன் ' தேவை() 'முறை,' ws 'மேலே உள்ள பிரிவில் ஏற்கனவே நிறுவப்பட்ட தொகுதி தற்போதைய உள்ளே இறக்குமதி செய்யப்படுகிறது' serverSide.js ' கோப்பு.
- அடுத்து, '' ஐ அழைக்கவும் சர்வர்() '' என்ற பொருளைப் பயன்படுத்தும் முறை ws 'தொகுதி' என்று பெயரிடப்பட்டது wsObj ” மற்றும் போர்ட் எண்ணை அனுப்பவும் 3000 லோக்கல் ஹோஸ்டின் குறிப்பிட்ட போர்ட்டில் சேவையகத்தைத் தொடங்க.
- மேலும், சர்வர் முனையிலிருந்து சர்வர் தொடங்கப்பட்டதை உறுதிப்படுத்த, கன்சோல் சாளரத்தில் சில சீரற்ற செய்திகளைக் காண்பிக்கவும்.
படி 4: WebSocket கிளையண்டை அமைத்தல்
' என்ற பெயரில் மற்றொரு கோப்பை உருவாக்கவும். வாடிக்கையாளர்பக்கம் ” சேவையகத்துடன் இணைக்கப்படும் கிளையன்ட் பக்கத்தை அமைக்க. சர்வரில் இணைக்கப்படும்போது சீரற்ற செய்தியைக் காட்டும் அடிப்படை கிளையன்ட் பக்கத்தை அமைக்க கீழே உள்ள குறியீட்டைச் செருகவும்:
நிலையான obj = புதிய வெப்சாக்கெட் ( 'ws://localhost:3000' ) ;obj. addEventListener ( 'திறந்த' , ( ) => {
பணியகம். பதிவு ( 'நீங்கள் Linuxhint சர்வருடன் இணைக்கப்பட்டுள்ளீர்கள்!' ) ;
} ) ;
மேலே உள்ள குறியீடு தொகுதிக்கான விளக்கம்:
- முதலில், ஒரு புதிய பொருளை உருவாக்கவும் ' வெப்சாக்கெட்() போர்ட் எண்ணைக் கொண்ட லோக்கல் ஹோஸ்டில் கேட்கப்படும் 'நெறிமுறை' 3000 ”.
- பின்னர், '' என்ற மாறியில் புதிய பொருளை சேமிக்கவும் obj ”.
- அதன் பிறகு, நிகழ்வு கேட்பவரை இணைக்கவும் ' திறந்த ' இதனோடு ' obj ”. வழங்கப்பட்ட போர்ட் எண்ணுடன் லோக்கல் ஹோஸ்டில் சேவையகம் ஏற்றப்படும்போது இந்த நிகழ்வு கேட்பவர் அநாமதேய செயல்பாட்டைச் செயல்படுத்துவார்.
- செயல்பாடு கன்சோலில் சீரற்ற இணைப்பு தொடர்பான செய்தியைக் காட்டுகிறது.
படி 5: வலைப்பக்கத்தை உருவாக்குதல்
திட்ட கோப்பகத்தின் உள்ளே, ஒரு ' .html 'என்ற பெயரைக் கொண்ட கோப்பு வகை குறியீட்டு 'இறக்குமதி செய்ய ஒற்றை ஸ்கிரிப்ட் குறிச்சொல்லுடன் HTML இன் அடிப்படை கட்டமைப்பைக் கொண்டுள்ளது' clientSide.js ' கோப்பு:
DOCTYPE html >< html மட்டும் = 'உள்' >
< தலை >
< மெட்டா எழுத்துக்குறி = 'UTF-8' >
< தலைப்பு > வாடிக்கையாளர் தலைப்பு >
தலை >
< உடல் >
< h1 > Linuxhint இணையதளம் h1 >
உடல் >
< ஸ்கிரிப்ட் எஸ்ஆர்சி = 'clientSide.js' > கையால் எழுதப்பட்ட தாள் >
html >
படி 6: செயல்படுத்தல்
திற ' index.html ” கோப்பகத்திலிருந்து நேரடியாக வலைப்பக்கத்தில். பின்னர், டெர்மினல் அல்லது கட்டளை வரியில் சென்று கீழே உள்ள கட்டளையை இயக்கவும்:
முனை சர்வர் சைடு
வெளியீட்டு செய்தி சேவையகம் தொடங்கப்பட்டதைக் காட்டுகிறது.
இப்போது சேவையகத்தை மூடாமல், index.html க்குச் சென்று இணைய உலாவியில் திறக்கவும். அங்கு இணைப்பு வெற்றி செய்தி கன்சோல் சாளரத்தில் தோன்றும்:
கிளையன்ட் மற்றும் சர்வர் பக்கத்திற்கு இடையே இணைப்பு நிறுவப்பட்டதை வெளியீடு காட்டுகிறது. இந்த வலைப்பதிவு NodeJs இல் webSocket இணைப்பை உருவாக்கும் செயல்முறையை விளக்கியுள்ளது.
முடிவுரை
NodeJs இல் webSocket இணைப்பை உருவாக்க, ஒரு புதிய NodeJs திட்டத்தை உருவாக்கி, ' ws 'தொகுதி' ஐ இயக்குவதன் மூலம் npm நிறுவல் ws ” கட்டளை. இப்போது, சர்வர் பக்கத்திற்கு ஒரு கோப்பை உருவாக்கி அதன் உள்ளே ' ws ” தொகுதி. போர்ட்டில் WebSocket சேவையகத்தை உருவாக்க இந்த தொகுதியைப் பயன்படுத்தவும் ' 3000 ”. கிளையன்ட் பக்கத்திற்கு மற்றொரு கோப்பை உருவாக்கவும், அதில் நீங்கள் ஒரு புதிய பொருளை வரையறுக்க வேண்டும் ' வெப்சாக்கெட் 'பெயர்' obj 'மற்றும் அதை துறைமுகத்தில் கேட்கவும்' 3000 ”. இந்த வலைப்பதிவு NodeJs இல் WebSocket இணைப்பை நிறுவுவதற்கான செயல்முறையை விளக்குகிறது.