Cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem aduan dalam talian masa nyata
Abstrak: Artikel ini memperkenalkan cara menggunakan WebSocket dan JavaScript untuk membina sistem aduan dalam talian masa nyata. Melalui ciri komunikasi dua hala WebSocket, komunikasi masa nyata antara pengguna dan pentadbir boleh dicapai, dan contoh kod khusus disediakan.
<!DOCTYPE html> <html> <head> <title>实时在线投诉系统</title> </head> <body> <h1>实时在线投诉系统</h1> <textarea id="complaints" rows="5" cols="50"></textarea><br> <button onclick="sendComplaint()">发送投诉</button><br> <div id="replies"></div> </body> </html>
var socket = new WebSocket('wss://your-websocket-server.com'); socket.onopen = function() { console.log('WebSocket连接已建立'); }; socket.onmessage = function(event) { var reply = event.data; document.getElementById('replies').innerHTML += '<p>' + reply + '</p>'; }; socket.onclose = function() { console.log('WebSocket连接已关闭'); }; function sendComplaint() { var complaints = document.getElementById('complaints').value; socket.send(complaints); }
Dalam kod ini, kami mula-mula mencipta objek WebSocket dan menentukan alamat pelayan untuk disambungkan. Kami kemudian mengendalikan pembukaan sambungan, ketibaan mesej dan penutupan sambungan dengan menentukan beberapa pengendali acara. Akhir sekali, kami mentakrifkan fungsi yang menghantar aduan kepada pelayan.
const WebSocket = require('ws'); const wss = new WebSocket.Server({ port: 8080 }); wss.on('connection', function(ws) { ws.on('message', function(message) { console.log('接收到投诉:' + message); // 处理投诉逻辑,并返回回复 var reply = '感谢您的投诉,我们会尽快处理。'; ws.send(reply); }); });
Dalam contoh ini, kami mula-mula mencipta pelayan WebSocket dan menentukan port pendengaran. Apabila sambungan baharu diwujudkan, pelayan akan melaksanakan fungsi panggil balik. Dalam fungsi panggil balik, kami menerima mesej daripada pelanggan dan mengendalikan logik aduan. Akhir sekali, kami menghantar balasan kepada pelanggan melalui kaedah hantar objek WebSocket.
Rujukan:
Atas ialah kandungan terperinci Cara melaksanakan sistem aduan dalam talian masa nyata menggunakan WebSocket dan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!