Cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pengambilan dalam talian masa nyata

Cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pengambilan dalam talian masa nyata

Pengenalan:
Dengan perkembangan Internet dan kemajuan kecerdasan, keperluan industri perekrutan juga semakin berkembang. Kaedah pengambilan tradisional secara beransur-ansur kelihatan tidak cekap dan masa nyata, jadi menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pengambilan dalam talian masa nyata telah menjadi pilihan yang baik. Artikel ini akan memperkenalkan cara menggunakan JavaScript dan WebSocket untuk membina sistem pengambilan dalam talian masa nyata, dan memberikan contoh kod khusus.

1. Pengetahuan latar belakang

1. WebSocket: WebSocket ialah protokol berasaskan TCP yang boleh mewujudkan sambungan komunikasi dua hala antara penyemak imbas dan pelayan. Berbanding dengan permintaan HTTP tradisional, kelebihan WebSocket ialah ia dapat merealisasikan fungsi pelayan secara aktif menolak mesej kepada pelanggan, dengan itu mencapai komunikasi masa nyata.
2. JavaScript: JavaScript ialah bahasa skrip yang digunakan secara meluas dalam pembangunan web. Melalui JavaScript, kami boleh mengendalikan elemen dalam halaman web, mengubah suai gaya, bertindak balas kepada acara pengguna, dsb.

2. Langkah pelaksanaan

1. Reka bentuk muka hadapan
   Pertama, kita perlu mereka bentuk muka hadapan untuk memaparkan maklumat pengambilan dan membolehkan pengguna memilih. Halaman ini boleh dibentangkan dan digayakan menggunakan HTML dan CSS, dan kemudian JavaScript digunakan untuk mengawal tindakan pengguna dan berkomunikasi dengan bahagian belakang.
2. Mewujudkan sambungan WebSocket
   Dalam JavaScript, kami boleh menggunakan objek WebSocket untuk mewujudkan sambungan WebSocket dengan pelayan. Mula-mula, gunakan pembina WebSocket untuk mencipta objek WebSocket, dan kemudian gunakan pendengar acara terbuka objek untuk mengendalikan logik selepas sambungan berjaya.

// 建立WebSocket连接
var socket = new WebSocket('ws://localhost:8080/realtime');

// 连接成功时的处理逻辑
socket.onopen = function() {
  console.log('WebSocket连接成功');
};

3. Dengar mesej pelayan
   Selepas sambungan WebSocket berjaya diwujudkan, kita boleh menggunakan pendengar acara onmessage untuk mendengar mesej yang ditolak oleh pelayan kepada pelanggan. Selepas menerima mesej, kami boleh menggunakan JavaScript untuk mengemas kini kandungan halaman hadapan.

// 监听服务器推送的消息
socket.onmessage = function(event) {
  var message = event.data;
  // 更新前端页面内容
  document.getElementById('messageBox').innerHTML = message;
};

4. Hantar mesej ke pelayan
   Selain menerima mesej daripada pelayan, kita juga boleh menggunakan kaedah hantar objek WebSocket untuk menghantar mesej ke pelayan. Selepas pengguna mengklik butang atau memasukkan borang, maklumat input pengguna boleh diperoleh melalui JavaScript dan kemudian dihantar ke pelayan.

// 向服务器发送消息
function sendMessage() {
  var message = document.getElementById('inputBox').value;
  socket.send(message);
}

5. Pelaksanaan pelayan bahagian belakang
   Sambungan WebSocket memerlukan pelayan bahagian belakang untuk menyokong, kami boleh menggunakan Node.js untuk melaksanakan pelayan WebSocket yang mudah.

// 引入websocket模块
const WebSocket = require('ws');

// 创建WebSocket服务器
const wss = new WebSocket.Server({ port: 8080 });

// 监听WebSocket连接事件
wss.on('connection', function (socket) {
  console.log('WebSocket连接成功');

  // 监听消息事件
  socket.on('message', function (message) {
    console.log('收到消息：' + message);
    // 处理逻辑
  });

  // 发送消息
  socket.send('欢迎访问招聘系统');
});

3. Ringkasan
Melalui pengenalan artikel ini, kami telah mempelajari cara menggunakan JavaScript dan WebSocket untuk membina sistem pengambilan dalam talian masa nyata. Mula-mula, kami mereka bentuk halaman hadapan untuk memaparkan maklumat pekerjaan dan berinteraksi dengan pengguna. Kami kemudian menggunakan kod JavaScript untuk mewujudkan sambungan WebSocket ke pelayan dan mendengar mesej tolak daripada pelayan serta menghantar mesej ke pelayan. Akhirnya, kami melaksanakan pelayan WebSocket mudah menggunakan Node.js. Saya harap artikel ini akan membantu anda membina sistem pengambilan dalam talian masa nyata.

Rujukan:

1. WebSocket API: https://developer.mozilla.org/en-US/docs/Web/API/WebSocket
2. Membina Pelayan WebSocket dalam Node.js: https://www.npmjs . com/pakej/ws

Atas ialah kandungan terperinci Cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pengambilan dalam talian masa nyata. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!