Artikel ini menggambarkan prosedur untuk membuat sambungan webSocket dalam Node.js.
Bagaimana untuk Membuat Sambungan WebSocket dalam Node.js?
Sambungan WebSocket terdiri daripada dua bahagian: pembangunan di bahagian klien dan bahagian pelayan. Laman web palsu juga perlu mencipta yang bertindak sebagai perantara antara kedua-dua pihak. Dengan menggunakannya, mesej akan dipindahkan dari kedua-dua belah pihak. Lawati langkah di bawah untuk penciptaan WebSocket dalam NodeJs.
Langkah 1: Menyediakan Persekitaran NodeJs
Dengan bantuan ' cd ' perintah, melintasi folder projek dan di dalamnya laksanakan arahan ' npm init -y ” untuk memasang modul NodeJs lalai:
npm init - dan
Selepas melaksanakan arahan di atas, fail baharu bernama “ package.json ” yang menyimpan maklumat asas yang berkaitan dengan projek yang dibuat:
Langkah 2: Memasang Modul WebSocket
Untuk menggunakan protokol WebSocket modul bernama ' ws ” perlu dipasang dalam projek NodeJs. Perintah untuk pemasangan dimasukkan di bawah:
npm pasang ws
Output di bawah menunjukkan ' ws ” telah dipasang dalam direktori NodeJs yang dikehendaki:
Langkah 3: Menyediakan Pelayan WebSocket
Untuk menyediakan bahagian pelayan protokol webSocket, buat ' .js ” taip fail di dalam folder projek dengan nama “ Sisi pelayan ” dan masukkan kod yang dinyatakan di bawah:
const wsObj = memerlukan ( 'ws' ) ;const ws = baru wsObj. pelayan ( { pelabuhan : 3000 } ) ;
konsol. log ( 'Pelayan Linux telah Bermula' ) ;
Penjelasan untuk kod di atas adalah seperti berikut:
- Pertama, dengan bantuan ' memerlukan() kaedah ', ' ws 'modul yang telah dipasang di bahagian di atas akan diimport di dalam semasa' serverSide.js ” fail.
- Seterusnya, gunakan ' pelayan() kaedah ' menggunakan objek ' ws 'modul bernama' wsObj ' dan lulus nombor port ' 3000 ” untuk memulakan pelayan di port Localhost yang ditentukan.
- Juga, paparkan beberapa mesej rawak pada tetingkap konsol untuk mengesahkan pelayan telah bermula dari hujung pelayan.
Langkah 4: Menyediakan WebSocket Client
Buat fail lain yang mempunyai nama ' Sisi pelanggan ” untuk menyediakan bahagian klien yang disambungkan ke pelayan. Masukkan kod di bawah untuk menyediakan bahagian klien asas yang memaparkan mesej rawak apabila disambungkan melalui pelayan:
const obj = baru WebSocket ( 'ws://localhost:3000' ) ;obj. addEventListener ( 'buka' , ( ) => {
konsol. log ( 'Anda Disambungkan ke Pelayan Linuxhint!' ) ;
} ) ;
Penerangan untuk blok kod di atas:
- Mula-mula, buat objek baharu untuk “ WebSocket() ” protokol yang didengari di Localhost yang mempunyai nombor port “ 3000 ”.
- Kemudian, simpan objek baharu dalam pembolehubah bernama “ obj ”.
- Selepas itu, lampirkan pendengar acara ' buka ' dengan ini ' obj ”. Pendengar acara ini akan melaksanakan fungsi tanpa nama apabila pelayan dimuatkan pada Localhost dengan nombor port yang disediakan.
- Fungsi ini memaparkan mesej berkaitan sambungan rawak pada konsol.
Langkah 5: Mencipta Halaman Web
Di dalam direktori projek, buat ' .html ” jenis fail yang mempunyai nama “ indeks ” yang mengandungi struktur asas HTML bersama dengan tag skrip tunggal untuk mengimport “ clientSide.js ” fail:
DOCTYPE html >< html sahaja = 'dalam' >
< kepala >
< set aksara meta = 'UTF-8' >
< tajuk > Pelanggan tajuk >
kepala >
< badan >
< h1 > Laman Web Linuxhint h1 >
badan >
< skrip src = 'clientSide.js' > skrip >
html >
Langkah 6: Pelaksanaan
Buka ' index.html ” melalui halaman web terus dari direktori. Kemudian, pindah ke terminal atau command prompt dan laksanakan arahan di bawah:
nod serverSide 
Mesej output menunjukkan pelayan telah dimulakan.
Sekarang tanpa menutup pelayan, pergi ke index.html dan bukanya melalui penyemak imbas web. Di sana mesej kejayaan sambungan akan muncul pada tetingkap konsol:
Output menunjukkan sambungan telah diwujudkan antara sisi klien dan pelayan. Blog ini telah menerangkan proses mencipta sambungan webSocket dalam NodeJs.
Kesimpulan
Untuk membuat sambungan webSocket dalam NodeJs, buat projek NodeJs baharu dan pasang ' ws modul ” dengan menjalankan “ npm pasang ws ” perintah. Sekarang, buat fail untuk bahagian pelayan dan di dalamnya import ' ws ” modul. Gunakan modul ini untuk mencipta pelayan WebSocket di port “ 3000 ”. Buat fail lain untuk bahagian klien di mana anda perlu menentukan objek baharu untuk “ WebSocket ” bernama “ obj 'dan jadikan ia mendengar di pelabuhan' 3000 ”. Blog ini telah menggambarkan prosedur untuk mewujudkan sambungan WebSocket dalam NodeJs.