Akademi JavaScript · Pelajaran

Membuka Sambungan WebSocket

Sambung kepada pelayan WebSocket.

Pelajaran 1 daripada 413 langkah

Membuka Sambungan WebSocket ialah pelajaran Akademi JavaScript percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Akademi JavaScript, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Akademi JavaScript merangkumi sejumlah 4 pelajaran.

Apakah WebSockets?

WebSockets menyediakan sambungan dupleks penuh yang berterusan antara pelayar dengan pelayan melalui satu sambungan TCP. Tidak seperti permintaan/tindak balas HTTP, mana-mana pihak boleh menghantar mesej pada bila-bila masa — sesuai untuk sembang, suapan langsung dan permainan.

Skim ws dan wss

URL WebSocket menggunakan ws:// (biasa) atau wss:// (disulitkan TLS). Sentiasa utamakan wss:// dalam persekitaran produksi, sama seperti https.

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

Mewujudkan Sambungan

Bina socket dengan new WebSocket(url). Jabat tangan bermula serta-merta; sambungan belum bersedia sehingga dibuka.

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

Peristiwa onopen

onopen dicetuskan setelah jabat tangan selesai. Hanya selepas itu selamat untuk send data.

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

Alternatif addEventListener

Anda boleh menggunakan addEventListener dan bukannya sifat on* untuk melampirkan berbilang pengendali.

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

readyState Sambungan

readyState melaporkan kitar hayat: CONNECTING (0), OPEN (1), CLOSING (2), CLOSED (3).

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

Subprotokol

Argumen kedua merundingkan subprotokol. Pelayan memilih satu daripadanya dan anda boleh membaca socket.protocol selepas sambungan dibuka.

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

Asal Sama dan Kandungan Campuran

Halaman yang dimuatkan melalui https hanya boleh membuka sambungan wss:// — pembukaan ws:// disekat sebagai kandungan campuran. Rancang URL anda dengan sewajarnya.

Jenis Binari

Set binaryType kepada "blob" (lalai) atau "arraybuffer" untuk mengawal cara bingkai binari diterima.

socket.binaryType = "arraybuffer";

Klien Minimum

Gabungkan semuanya: buka sambungan, rekod keadaan dan bersihkan sumber.

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

Had Masa Sambungan

WebSockets tidak mempunyai had masa sambungan terbina dalam. Gunakan pemasa yang menutup socket jika onopen belum dicetuskan dalam tempoh yang ditetapkan.

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

Semakan Pantas

Uji asas sambungan.

Jawab dalam pelajaran interaktif

Ringkasan: Membuka Sambungan

Anda mempelajari skim ws/wss, mencipta socket dengan new WebSocket, mengendalikan onopen, memeriksa readyState, merundingkan subprotokol dan menambah had masa sambungan. Seterusnya: menghantar dan menerima mesej.

Percuma untuk bermula

Pelajari JavaScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 59
Pelajaran: 200

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Membuka Sambungan WebSocket” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Akademi JavaScript, termasuk “Membuka Sambungan WebSocket”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Akademi JavaScript merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Membuka Sambungan WebSocket”?

Sambung kepada pelayan WebSocket. Anda berlatih Akademi JavaScript menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Akademi JavaScript?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Akademi JavaScript di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.

Berapa lamakah pelajaran “Membuka Sambungan WebSocket” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Akademi JavaScript ini?

Ya. Setiap pelajaran Akademi JavaScript menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke Akademi JavaScript