इस प्रोजेक्ट के बारे में

Real-time Visitor Counter in Turbo Monorepo एक ओपन-सोर्स प्रोजेक्ट है जो WebSockets का उपयोग करके लाइव विजिटर ट्रैकिंग दिखाता है। यह एप्लिकेशन प्रत्येक URL "रूम" के लिए अद्वितीय विजिटर्स की गणना करता है और सभी सक्रि रूमों के लिए कुल योग को एकत्रित करता है। आर्किटेक्चर: प्रोजेक्ट Turborepo मोनोरेपो लेआउट का पालन करता है। फ्रंटएंड client/ में Vue 3 + Vite एप्लिकेशन के रूप में है। बैकएंड server/ में Cloudflare Worker के रूप में है, जो Durable Objects के साथ स्थायी, रियल-टाइम स्टेट के लिए समर्थित है। परतों के बीच संचार WebSockets के माध्यम से होता है। फीचर्स: - वर्तमान ब्राउज़र URL के आधार पर प्रति-रूम विजिटर गणना - सभी एक साथ सक्रिय रूमों के लिए वैश्विक विजिटर गणना - डायनामिक एन्वायरनमेंट स्वििंग: डेवलपमेंट ws://localhost:8787 का उपयोग करता है, उत्पादन wss:// कॉन्फ़िगर किए गए URLs का उपयोग करता है - turbo dev के माध्यम से हॉट-रिलोड डेव सर्वर टेक स्टैक: - फ्रंटएंड: Vue 3, Vite - बैकएंड: Cloudflare Workers, Cloudflare Durable Objects - मोनोरेपो ऑर्केस्ट्रेशन: Turborepo - पैकेज मैनेजर: pnpm पूर्वापेक्षाएँ: - Node.js और pnpm - वर्कर्स सक्षम Cloudflare खाता - wrangler CLI ग्लोबल रूप से इंस्टॉल किया गया - Turborepo ग्लोबल रूप से इंस्टॉल किया गया इंस्टॉलेशन और सेटअप: 1. रिपॉजिटरी क्लोन करें और रूट से pnpm install चलाएं। 2. pnpm के माध्यम से turbo और wrangler ग्लोबल रूप से इंस्टॉल करें। 3. wrangler login से wrangler को प्रमाणित करे। 4. client/ और server/ निर्देशिकाओं में wrangler.toml कॉन्फ़िगर करें। 5. डेव सर्वर और लोकल वर्कर दोनों शुरू करने के लिए turbo dev चलाएं। 6. रियल-टाइम अपडेट्स देखने के लिए कई टैब या डिवाइस पर http://localhost:5175 पर जाएं। डिप्लॉयमेंट apps/worker निर्देशिका से turbo deploy द्वारा संभाला जाता है। डेमो: https://wsdemo.cvyl.me रिपॉजिटरी: cvyl/cloudflare-websocket-livecount