પ્રસારણ ડેટા અને સંકલન WebSocket એ રીઅલ-ટાઇમ એપ્લીકેશનો બનાવવાના બે નિર્ણાયક પાસાઓ છે Node.js. આ લેખમાં, અમે અન્વેષણ કરીશું કે કેવી રીતે ડેટા બ્રોડકાસ્ટ કરવો અને WebSocket ઇન્ટરેક્ટિવ અને પ્રતિભાવશીલ વપરાશકર્તા અનુભવ બનાવવા માટે એકીકૃત કરવું.
પગલું 1: સર્વરથી ડેટા બ્રોડકાસ્ટ કરવું
સર્વરથી ક્લાયંટ કનેક્શન્સ પર ડેટા બ્રોડકાસ્ટ કરવા માટે, તમે broadcast
તમામ કનેક્શન્સને સંદેશા મોકલવા અથવા send
ચોક્કસ કનેક્શન પર સંદેશ મોકલવા જેવી પદ્ધતિઓનો ઉપયોગ કરી શકો છો. અહીં સર્વરમાંથી ડેટા બ્રોડકાસ્ટ કરવાનું ઉદાહરણ છે:
// ... Initialize WebSocket server
// Broadcast data to all connections
function broadcast(message) {
for(const client of clients) {
client.send(message);
}
}
// Handle new connections
server.on('connection',(socket) => {
// Add connection to the list
clients.add(socket);
// Handle incoming messages from the client
socket.on('message',(message) => {
// Broadcast the message to all other connections
broadcast(message);
});
// Handle connection close
socket.on('close',() => {
// Remove the connection from the list
clients.delete(socket);
});
});
પગલું 2: WebSocket એપ્લિકેશન્સમાં Node.js એકીકરણ
WebSocket એપ્લિકેશનમાં એકીકૃત કરવા માટે Node.js, તમારે WebSocket તમારા JavaScript કોડમાં કનેક્શન સ્થાપિત કરવાની જરૂર છે. WebSocket તમારી એપ્લિકેશનની ક્લાયંટ-બાજુમાં એકીકરણનું અહીં એક ઉદાહરણ છે:
// Initialize WebSocket connection from the client
const socket = new WebSocket('ws://localhost:8080');
// Handle incoming messages from the server
socket.onmessage =(event) => {
const message = event.data;
// Process the received message from the server
console.log('Received message:', message);
};
// Send a message from the client to the server
function sendMessage() {
const messageInput = document.getElementById('messageInput');
const message = messageInput.value;
socket.send(message);
messageInput.value = '';
}
નિષ્કર્ષ
ડેટા બ્રોડકાસ્ટ કરીને અને WebSocket માં એકીકૃત કરીને Node.js, તમે ઇન્ટરેક્ટિવ અને રિસ્પોન્સિવ રીઅલ-ટાઇમ એપ્લિકેશન્સ બનાવી શકો છો. આ વપરાશકર્તા અનુભવોને વધારે છે અને ક્લાયંટ અને સર્વર એપ્લિકેશન્સ વચ્ચે રીઅલ-ટાઇમ ક્રિયાપ્રતિક્રિયાને સક્ષમ કરે છે.