מאמר זה ממחיש את ההליך ליצירת חיבורי webSocket ב-Node.js.
כיצד ליצור חיבורי WebSocket ב-Node.js?
חיבור ה-WebSocket מורכב משני חלקים: פיתוח בצד הלקוח וצד השרת. אתר הדמה צריך גם ליצור שפועל כאמצעי בין שני הצדדים. על ידי השימוש בו, ההודעות מועברות משני הצדדים. בקר בשלבים הבאים ליצירת WebSocket ב-NodeJs.
שלב 1: הגדרת סביבת NodeJs
בעזרת ה' CD ' הפקודה, עברו דרך תיקיית הפרויקט ובתוכה בצעו את הפקודה ' npm init -y ' כדי להתקין את מודולי ברירת המחדל של NodeJs:
npm init - ו
לאחר ביצוע הפקודה לעיל, הקובץ החדש בשם ' package.json ' שמאחסן את המידע הבסיסי הקשור לפרויקט נוצר:
שלב 2: התקנת מודול WebSocket
כדי להשתמש בפרוטוקול WebSocket המודול בשם ' ws יש להתקין בפרויקט NodeJs. הפקודה להתקנה מוכנסת להלן:
npm להתקין ws
הפלט למטה מציג ' ws ' הותקן בספריית NodeJs הרצויה:
שלב 3: הגדרת שרת WebSocket
כדי להגדיר את צד השרת של פרוטוקול webSocket, צור ' חדש .js ' הקלד קובץ בתוך תיקיית הפרויקט עם השם ' בצד השרת ' והכנס את הקוד המצוין להלן:
const wsObj = לִדרוֹשׁ ( 'וס' ) ;const ws = חָדָשׁ wsObj. שרת ( { נמל : 3000 } ) ;
לְנַחֵם. עֵץ ( 'שרת Linuxhint התחיל' ) ;
ההסבר לקוד לעיל הוא כדלקמן:
- ראשית, בעזרת ה' לִדרוֹשׁ() שיטת ', ה' ws ' מודול שכבר מותקן בסעיף לעיל מיובא בתוך ' הנוכחי serverSide.js 'קובץ.
- לאחר מכן, הפעל את ' שרת() שיטה המשתמשת באובייקט של ' ws ' מודול בשם ' wsObj ' והעבירו את מספר היציאה של ' 3000 ' כדי להפעיל את השרת ביציאה המצוינת של Localhost.
- כמו כן, הצג הודעה אקראית על חלון המסוף כדי לאשר שהשרת התחיל מקצה השרת.
שלב 4: הגדרת WebSocket Client
צור קובץ נוסף עם השם ' צד הלקוח ' כדי להגדיר את צד הלקוח שמתחבר לשרת. הכנס את הקוד שלהלן כדי להגדיר את צד הלקוח הבסיסי שמציג הודעה אקראית כאשר מתחבר דרך השרת:
const obj = חָדָשׁ WebSocket ( 'ws://localhost:3000' ) ;obj. addEventListener ( 'לִפְתוֹחַ' , ( ) => {
לְנַחֵם. עֵץ ( 'אתה מחובר לשרת Linuxhint!' ) ;
} ) ;
התיאור של גוש הקוד לעיל:
- ראשית, צור אובייקט חדש עבור ' WebSocket() פרוטוקול שמאזין לו ב-Localhost בעל מספר היציאה של ' 3000 '.
- לאחר מכן, אחסן את האובייקט החדש במשתנה בשם ' obj '.
- לאחר מכן, צרף את מאזין האירועים של ' לִפְתוֹחַ ' עם זה ' obj '. מאזין אירועים זה יבצע פונקציה אנונימית כאשר השרת ייטען ב-Localhost עם מספר היציאה המסופק.
- הפונקציה מציגה הודעה אקראית הקשורה לחיבור על גבי המסוף.
שלב 5: יצירת דף אינטרנט
בתוך ספריית הפרויקט, צור ' .html ' הקלד קובץ עם השם של ' אינדקס ' שמכיל את המבנה הבסיסי של HTML יחד עם תג הסקריפט הבודד כדי לייבא את ' clientSide.js 'קובץ:
DOCTYPE html >< html בלבד = 'ב' >
< רֹאשׁ >
< מטה תווים = 'UTF-8' >
< כותרת > לָקוּחַ כותרת >
רֹאשׁ >
< גוּף >
< h1 > אתר Linuxhint h1 >
גוּף >
< script src = 'clientSide.js' > תַסרִיט >
html >
שלב 6: ביצוע
פתח את ה ' index.html ' דרך דף האינטרנט ישירות מהספרייה. לאחר מכן, עבור למסוף או לשורת הפקודה ובצע את הפקודה הבאה:
צומת serverSide
הודעת הפלט מראה שהשרת הופעל.
כעת מבלי לסגור את השרת, עבור אל ה-index.html ופתח אותו דרך דפדפן האינטרנט. שם תופיע הודעת הצלחת החיבור בחלון המסוף:
הפלט מראה שהחיבור נוצר בין הלקוח לצד השרת. בלוג זה הסביר את תהליך יצירת חיבור webSocket ב-NodeJs.
סיכום
כדי ליצור חיבור webSocket ב-NodeJs, צור פרויקט NodeJs חדש והתקן את ' ws ' מודול על ידי הפעלת ' npm להתקין ws ' פקודה. כעת, צור קובץ עבור צד השרת ובתוכו ייבא את ' ws ' מודול. השתמש במודול זה כדי ליצור שרת WebSocket ביציאה ' 3000 '. צור קובץ נוסף עבור צד הלקוח שבו עליך להגדיר אובייקט חדש עבור ' WebSocket 'שם' obj ' ותגרום לו להאזין בנמל ' 3000 '. בלוג זה הדגים את ההליך ליצירת חיבור WebSocket ב-NodeJs.