वेब एप्लिकेशन में SSE उपयोग करना
वेब एप्लिकेशन में सर्वर-सेंट इवेंट्स उपयोग करने के लिए, डॉक्यूमेंट में <eventsource> एलिमेंट जोड़ें।
<eventsource> एलिमेंट का src विशेषता एक URL की ओर इशारा करना चाहिए जो एक स्थायी HTTP कनेक्शन प्रदान करे जो इवेंट्स वाले डेटा स्ट्रीम भेजता है।
URL एक PHP, PERL या Python स्क्रिप्ट की ओर इशारा करेगा जो लगातार इवेंट डेटा भेजने का ध्यान रखेगा।
उदाहरण: सर्वर टाइम अपेक्षित एप्लिकेशन
<!DOCTYPE HTML>
<html>
<head>
<script>
/* यहां इवेंट हैंडलिंग लॉजिक परिभाषित करें */
</script>
</head>
<body>
<div id="sse">
<eventsource src="/cgi-bin/ticker.cgi" />
</div>
<div id="ticker">
<TIME>
</div>
</body>
</html>
आधुनिक दृष्टिकोण (EventSource API)
<div id="ticker">लोड हो रहा है...</div>
<script>
const es = new EventSource('/api/events');
es.onmessage = e => document.getElementById('ticker').textContent = e.data;
</script>
सर्वर-साइड उदाहरण (Node.js)
// SSE एंडपॉइंट
app.get('/api/events', (req, res) => {
res.setHeader('Content-Type', 'text/event-stream');
res.setHeader('Cache-Control', 'no-cache');
res.setHeader('Connection', 'keep-alive');
const interval = setInterval(() => {
res.write(`data: ${new Date().toISOString()}\n\n`);
}, 1000);
req.on('close', () => clearInterval(interval));
});
