Ana içeriğe geç

İstemci Başlatma

Socket.IO istemci kütüphanesini kurduktan sonra, istemciyi başlatabilirsiniz. Tüm seçeneklerin tam listesine buradan ulaşabilirsiniz.

ipucu

TypeScript kullanıcıları için, olaylar için tür ipuçları sağlamak mümkündür. Lütfen bunu kontrol edin.

Aşağıdaki örneklerde, io nesnesi ya:

  • `` import'undan gelir
<script src="/socket.io/socket.io.js"></script>
  • bir ESM import'undan gelir
<script type="module">
  import { io } from "https://cdn.socket.io/4.8.1/socket.io.esm.min.js";
</script>
  • NPM'den gelir
const { io } = require("socket.io-client");
import { io } from "socket.io-client";
import { io } from "socket.io-client";

Aynı alan adından​

Eğer ön yüzünüz sunucunuzla aynı alan adından sunuluyorsa, basitçe şunu kullanabilirsiniz:

const socket = io();

Sunucu URL'si window.location nesnesinden çıkarılacaktır.

Farklı bir alan adından​

Eğer ön yüzünüz sunucunuzla aynı alan adından sunulmuyorsa, sunucunuzun URL'sini geçmeniz gerekmektedir.

const socket = io("https://server-domain.com");

Bu durumda, lütfen sunucuda Cross-Origin Resource Sharing (CORS) özelliğini etkinleştirdiğinizden emin olun.

bilgi

İsterseniz https veya wss (sırasıyla http veya ws) kullanabilirsiniz.

// aşağıdaki formlar benzerdir
const socket = io("https://server-domain.com");
const socket = io("wss://server-domain.com");
const socket = io("server-domain.com"); // yalnızca sayfa https üzerinden sunulduğunda tarayıcıda (Node.js'de çalışmayacaktır)

Özel ad alanı​

Yukarıdaki örneklerde, istemci ana ad alanına bağlanacaktır. Çoğu kullanım durumu için yalnızca ana ad alanını kullanmak yeterli olmalıdır, ancak ad alanını aşağıdaki gibi belirtebilirsiniz:

// aynı kök alan versiyonu
const socket = io("/admin");
// çapraz kök alan versiyonu
const socket = io("https://server-domain.com/admin");

Ad alanları hakkında daha fazla bilgiyi buradan bulabilirsiniz.

Seçenekler​

Mevcut seçeneklerin tam listesine buradan ulaşabilirsiniz.