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.