JavaScript Academy · Ders

WebSocket Bağlantısı Açma

Bir WebSocket sunucusuna bağlanın.

WebSocket Bağlantısı Açma, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 4 dersten oluşur.

WebSockets Nedir?

WebSockets, tarayıcı ile sunucu arasında tek bir TCP bağlantısı üzerinden kalıcı, çift yönlü bir bağlantı sağlar. HTTP istek/yanıt modelinin aksine, taraflardan biri istediği anda ileti gönderebilir; bu özellik sohbet, canlı akışlar ve oyunlar için idealdir.

ws ve wss Şemaları

WebSocket URL'leri düz bağlantı için ws://, TLS ile şifrelenmiş bağlantı için wss:// kullanır. Tıpkı https gibi, üretim ortamında her zaman wss:// kullanmayı tercih edin.

const url = "wss://example.com/socket";

Bağlantı Oluşturma

new WebSocket(url) ile bir socket oluşturun. El sıkışma hemen başlar; bağlantı açılana kadar hazır olmaz.

const socket = new WebSocket("wss://example.com/socket");
console.log(socket.url);

onopen Olayı

El sıkışma tamamlandığında onopen bir kez tetiklenir. Veri göndermek ancak bundan sonra güvenlidir.

socket.onopen = (event) => {
  console.log("Connection established");
  socket.send("Hello server");
};

addEventListener Alternatifi

Birden çok işleyici eklemek için on* özellikleri yerine addEventListener kullanabilirsiniz.

socket.addEventListener("open", () => {
  console.log("open via listener");
});

Bağlantı readyState Değeri

readyState yaşam döngüsünü bildirir: CONNECTING (0), OPEN (1), CLOSING (2), CLOSED (3).

if (socket.readyState === WebSocket.OPEN) {
  socket.send("ready!");
}

Alt Protokoller

İkinci bir bağımsız değişken, bir alt protokol üzerinde anlaşılmasını sağlar. Sunucu bunlardan birini seçer; bağlantı açıldıktan sonra socket.protocol değerini okuyabilirsiniz.

const s = new WebSocket("wss://example.com", ["chat", "v2.chat"]);
s.onopen = () => console.log("Using", s.protocol);

Aynı Kaynak ve Karma İçerik

https üzerinden yüklenen bir sayfa yalnızca wss:// bağlantıları açabilir; ws:// açılması karma içerik olarak engellenir. URL'lerinizi buna göre planlayın.

İkili Veri Türü

İkili karelerin nasıl alınacağını denetlemek için binaryType değerini varsayılan olan "blob" veya "arraybuffer" olarak ayarlayın.

socket.binaryType = "arraybuffer";

En Basit İstemci

Her şeyi bir araya getirerek bağlantıyı açın, durumu günlüğe kaydedin ve temizleme işlemini gerçekleştirin.

const socket = new WebSocket("wss://example.com/socket");
socket.onopen = () => console.log("opened");
socket.onclose = () => console.log("closed");

Bağlantı Zaman Aşımları

WebSockets yerleşik bir bağlantı zaman aşımına sahip değildir. onopen zamanında tetiklenmezse socket'i kapatan bir zamanlayıcı kullanın.

const socket = new WebSocket(url);
const timer = setTimeout(() => {
  if (socket.readyState !== WebSocket.OPEN) socket.close();
}, 5000);
socket.onopen = () => clearTimeout(timer);

Kısa Kontrol

Bağlantı temellerini sınayın.

Özet: Bağlantı Açma

ws/wss şemalarını öğrendiniz, new WebSocket ile bir socket oluşturdunuz, onopen olayını yönettiniz, readyState değerini denetlediniz, alt protokoller üzerinde anlaştınız ve bağlantı zaman aşımı eklediniz. Sırada iletileri gönderme ve alma var.

Sıkça Sorulan Sorular

“WebSocket Bağlantısı Açma” dersi ücretsiz mi?

Evet — “WebSocket Bağlantısı Açma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 4 dersten oluşur.

“WebSocket Bağlantısı Açma” dersinde ne öğreneceğim?

Bir WebSocket sunucusuna bağlanın. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“WebSocket Bağlantısı Açma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← JavaScript Academy Sayfasına Dön