Node.js'de WebSocket Bağlantıları Nasıl Oluşturulur?

Node Js De Websocket Baglantilari Nasil Olusturulur



WebSocket temel olarak geliştiricilerin istemci ve sunucu tarafı arasında tam çift yönlü iletişimi sağlamak için uygulamalarında kullandıkları bir protokoldür. Bu tür iletişim, kullanıcıların sunucuyla gerçek zamanlı olarak herhangi bir gecikme olmadan iletişim kurmasına olanak tanır. Günümüzde bu protokol, daha iyi bir kullanıcı deneyimi sağlamak amacıyla hemen hemen her web uygulamasında kullanılmaktadır.

Bu makale, Node.js'de webSocket bağlantıları oluşturma prosedürünü göstermektedir.

Node.js'de WebSocket Bağlantıları Nasıl Oluşturulur?

WebSocket bağlantısı iki bölümden oluşur: istemci tarafında geliştirme ve sunucu tarafında geliştirme. Her iki taraf arasında aracı görevi görecek sahte bir web sitesinin de oluşturulması gerekir. Bunu kullanarak mesajlar her iki taraftan da aktarılır. NodeJ'lerde WebSocket oluşturmak için aşağıdaki adımları izleyin.







Adım 1: NodeJs Ortamını Kurma

' yardımıyla CD ” komutunu kullanın, proje klasöründe gezinin ve içinde “ komutunu çalıştırın. npm başlangıç ​​-y ” Varsayılan NodeJs modüllerini kurmak için:



npm başlangıcı - Ve

Yukarıdaki komutu yürüttükten sonra “adlı yeni dosya” paket.json ” proje ile ilgili temel bilgilerin saklandığı alan oluşturulur:







Adım 2: WebSocket Modülünün Kurulumu

WebSocket protokolünü kullanmak için “adlı modül” ws NodeJs projesine kurulması gerekiyor. Kurulum komutu aşağıya eklenmiştir:



npm ws'yi yükle

Aşağıdaki çıktı şunu gösterir: “ ws ” istenilen NodeJs dizinine kuruldu:

3. Adım: WebSocket Sunucusunu Kurma

webSocket protokolünün sunucu tarafını kurmak için yeni bir “ .js “proje klasörünün içine” isimli dosyayı yazın sunucu tarafı ”ve aşağıda belirtilen kodu ekleyin:

yapı wsObj = gerekmek ( 'w' ) ;

yapı ws = yeni wsObj. Sunucu ( { liman : 3000 } ) ;

konsol. kayıt ( 'Linuxhint Sunucusu Başladı' ) ;

Yukarıdaki kodun açıklaması şu şekildedir:

  • İlk olarak ' yardımıyla gerekmek() ” yöntemi, “ ws ” Yukarıdaki bölümde zaten kurulu olan modül mevcut “ içine aktarılıyor sunucuSide.js ' dosya.
  • Ardından, “ Sunucu() ' yönteminin nesnesini kullanma ws “adlı modül” wsObj ” ve “ port numarasını iletin 3000 Sunucuyu belirtilen Localhost bağlantı noktasında başlatmak için.
  • Ayrıca, sunucunun sunucu tarafından başlatıldığını doğrulamak için konsol penceresi üzerinde rastgele bir mesaj görüntüleyin.

Adım 4: WebSocket İstemcisini Kurma

“adına sahip başka bir dosya oluşturun istemci Tarafı ”Sunucuya bağlanan istemci tarafını ayarlamak için. Sunucuya bağlanıldığında rastgele bir mesaj görüntüleyen temel istemci tarafını ayarlamak için aşağıdaki kodu ekleyin:

yapı obj = yeni WebSocket ( 'ws://localhost:3000' ) ;

obj. addEventListener ( 'açık' , ( ) => {

konsol. kayıt ( 'Linuxhint Sunucusuna Bağlısınız!' ) ;

} ) ;

Yukarıdaki kod bloğunun açıklaması:

  • Öncelikle “ için yeni bir nesne oluşturun. WebSocket() 'Localhost'ta dinlenen ve port numarası ' olan protokol 3000 ”.
  • Daha sonra yeni nesneyi “ adlı değişkende saklayın. obj ”.
  • Bundan sonra, “ olay dinleyicisini ekleyin açık ' Bununla ' obj ”. Bu olay dinleyicisi, sunucu sağlanan bağlantı noktası numarasıyla Localhost'a yüklendiğinde anonim bir işlevi yürütecektir.
  • İşlev, konsol üzerinden bağlantıyla ilgili rastgele bir mesaj görüntüler.

Adım 5: Web Sayfasının Oluşturulması

Proje dizininin içinde bir ' .html '' adındaki dosyayı yazın indeks ', içe aktarmak için tek komut dosyası etiketiyle birlikte HTML'nin temel yapısını içerir. clientSide.js ' dosya:

DOCTYPE HTML'si >

< yalnızca HTML = 'içinde' >

< KAFA >

< meta karakter kümesi = 'UTF-8' >

< başlık > Müşteri başlık >

KAFA >

< vücut >

< sa1 > Linuxhint Web Sitesi sa1 >

vücut >

< komut dosyası kaynağı = 'clientSide.js' > senaryo >

HTML >

Adım 6: Yürütme

Aç ' indeks.html ” web sayfası üzerinden doğrudan dizinden. Ardından terminale veya komut istemine gidin ve aşağıdaki komutu yürütün:

düğüm sunucusu tarafı

Çıkış mesajı sunucunun başlatıldığını gösterir.

Artık sunucuyu kapatmadan index.html dosyasına gidin ve web tarayıcısı üzerinden açın. Konsol penceresinde bağlantı başarısı mesajı görünecektir:

Çıktı, istemci ve sunucu tarafı arasında bağlantının kurulduğunu gösterir. Bu blog, NodeJ'lerde webSocket bağlantısı oluşturma sürecini açıkladı.

Çözüm

NodeJ'lerde webSocket bağlantısı oluşturmak için yeni bir NodeJs projesi oluşturun ve ' ws “ modülünü çalıştırarak npm ws'yi yükle ' emretmek. Şimdi sunucu tarafı için bir dosya oluşturun ve içine “ ws ” modülü. Bağlantı noktasında bir WebSocket sunucusu oluşturmak için bu modülü kullanın. 3000 ”. İstemci tarafı için yeni bir nesne tanımlamanız gereken başka bir dosya oluşturun. WebSocket 'adlı' obj ” ve limanda dinlemesini sağlayın “ 3000 ”. Bu blog, NodeJ'lerde WebSocket bağlantısı kurma prosedürünü gösterdi.