Node.js இல் WebSocket இணைப்புகளை உருவாக்குவது எப்படி?

Node Js Il Websocket Inaippukalai Uruvakkuvatu Eppati



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

இந்த கட்டுரை 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 இணைப்பை நிறுவுவதற்கான செயல்முறையை விளக்குகிறது.