कॉइनबेस x402 वीडियो पेवॉल डेमो

यह प्रोजेक्ट दर्शाता है कि वीडियो सामग्री के लिए पेवॉल को कैसे लागू किया जाए। x402 भुगतान प्रोटोकॉल। यह वेब ऐप उपयोगकर्ताओं को भुगतान योग्य वीडियो सामग्री तक पहुंचने के लिए थोड़ी मात्रा में क्रिप्टोकरेंसी (USDC) का भुगतान करने की अनुमति देता है।

Author

Ferhat Kochan

ऐप डिप्लॉय करें

रेपो देखें

फ्रंटएंड फ्रेमवर्क/लाइब्रेरी:

एक्सप्रेस.जेएस

भाषा:

जावास्क्रिप्ट

बिल्ड टूल/डेवलपमेंट सर्वर:

नोड.जेएस

परिचय

यह एप्लिकेशन x402 भुगतान प्रोटोकॉल का उपयोग करके वीडियो सामग्री के लिए पेवॉल लागू करने का तरीका दर्शाता है। यह वेब ऐप उपयोगकर्ताओं को पेवॉल वाली वीडियो सामग्री तक पहुंचने के लिए थोड़ी मात्रा में क्रिप्टोकरेंसी (USDC) का भुगतान करने की अनुमति देता है, जिससे यह प्रदर्शित होता है कि सूक्ष्म भुगतान को सामग्री वितरण प्रणालियों में कैसे एकीकृत किया जा सकता है।

यह सैंपल ऐप हमारी व्यापक गाइड पर आधारित है, जो इसे लागू करने के बारे में विस्तृत निर्देश प्रदान करती है। x402 सामग्री के मुद्रीकरण के लिए भुगतान प्रोटोकॉल।

तकनीकी स्टैक

बैकएंड फ्रेमवर्क: Express.js
भाषा: जावास्क्रिप्ट
रनटाइम वातावरण: नोड.जेएस
भुगतान प्रोटोकॉल: x402
ब्लॉकचेन नेटवर्क: Base सेपोलिया

विशेषताएँ

x402 भुगतान एकीकरण : निम्नलिखित को लागू करता है x402 निर्बाध सूक्ष्म भुगतान के लिए भुगतान प्रोटोकॉल।
वीडियो कंटेंट पेवॉल : प्रीमियम वीडियो कंटेंट को भुगतान के माध्यम से सुरक्षित रखता है।
यूएसडीसी भुगतान : यूएसडीसी भुगतान स्वीकार करता है Base सेपोलिया testnet आसान परीक्षण के लिए।
स्वचालित प्रमाणीकरण : यह भुगतान सत्यापन और सामग्री तक पहुंच को स्वचालित रूप से संभालता है।
Express.js मिडलवेयर : उपयोग x402 आसान एकीकरण के लिए एक्सप्रेस मिडलवेयर।
वॉलेट एकीकरण : ईवीएम-संगत वॉलेट के साथ संगत।
Testnet समर्थन : इसके लिए निर्मित Base सेपोलिया testnet आसान के साथ mainnet प्रवास।

शुरू करना

आवश्यक शर्तें

इस ऐप को चलाने के लिए आपको निम्नलिखित चीज़ों की आवश्यकता होगी:

आपके सिस्टम पर Node.js (v22 या उससे उच्चतर) स्थापित होना चाहिए।
एक ईवीएम-संगत वॉलेट जिसमें Base सेपोलिया यूएसडीसी द्वारा परीक्षण के लिए भेजा गया।
एक कोड एडिटर या एक आईईडी (उदाहरण के लिए, वीएस कोड )

स्थापना निर्भरताएँ

रिपॉजिटरी को अपने स्थानीय कंप्यूटर पर क्लोन करें:

git clone https://github.com/quiknode-labs/qn-guide-examples.git

प्रोजेक्ट डायरेक्टरी पर जाएं:

सीडी सैंपल-डीऐप्स/कॉइनबेस- x402

आवश्यक निर्भरताओं को स्थापित करें:

NPM स्थापित करना

पर्यावरण चर सेट करना

नाम बदलें .env.local को .पर्यावरण और प्लेसहोल्डर मानों को अपने वास्तविक कॉन्फ़िगरेशन से बदलें:

WALLET_ADDRESS=आपका_एथेरियम_वॉलेट_पता
 NODE_ENV=development
 पोर्ट=4021

टिप्पणी: प्रतिस्थापित करें वॉलेट_पता अपने वास्तविक वॉलेट पते के साथ जहां आप भुगतान प्राप्त करना चाहते हैं।

टेस्ट टोकन प्राप्त करना

एप्लिकेशन का परीक्षण करने के लिए, आपको आवश्यकता होगी Base सेपोलिया यूएसडीसी:

सर्कल फाउसेट पर जाएँ
चुनना Base नेटवर्क ड्रॉपडाउन में सेपोलिया
USDC टोकन के परीक्षण का अनुरोध करें

एप्लिकेशन चलाना

डेवलपमेंट सर्वर चलाएँ:

npm run dev

एप्लिकेशन देखने के लिए अपने ब्राउज़र में http://localhost:4021/ खोलें।

ऐप का उपयोग करना

अपने ब्राउज़र में एप्लिकेशन खोलें।
प्रीमियम वीडियो सामग्री तक पहुंचने का प्रयास करें।
अपने वॉलेट का उपयोग करके भुगतान प्रक्रिया पूरी करें।
भुगतान सफलतापूर्वक हो जाने के बाद अनलॉक किए गए वीडियो कंटेंट तक पहुंच प्राप्त करें।

यह एप्लिकेशन इसका उपयोग करता है x402 सुरक्षा के लिए एक्सप्रेस मिडलवेयर /प्रमाणित करें endpoint प्रीमियम सामग्री तक पहुंच प्रदान करने से पहले भुगतान की आवश्यकता होती है।

यह काम किस प्रकार करता है

आवेदन पत्र flow यह निम्न प्रकार से कार्य करता है:

भुगतान सुरक्षासर्वर इसका उपयोग करता है x402 -अभिव्यक्त करना सुरक्षा के लिए मिडलवेयर /प्रमाणित करें endpoint यह सुनिश्चित करते हुए कि केवल सशुल्क उपयोगकर्ता ही प्रीमियम सामग्री तक पहुंच सकें।

भुगतान प्रक्रिया : जब कोई उपयोगकर्ता संरक्षित क्षेत्र तक पहुँचने का प्रयास करता है endpoint उन्हें अपने कनेक्टेड वॉलेट के माध्यम से क्रिप्टोकरेंसी भुगतान करना आवश्यक है।

सामग्री पहुंचभुगतान सत्यापन सफलतापूर्वक हो जाने के बाद, उपयोगकर्ता को पुनर्निर्देशित कर दिया जाता है। /वीडियो-सामग्रीजहां प्रीमियम वीडियो सामग्री उपलब्ध कराई जाती है।

स्वचालित सत्यापन : x402 यह प्रोटोकॉल भुगतान सत्यापन को स्वचालित रूप से संभालता है, जिससे उपयोगकर्ता अनुभव बेहतर होता है।

अनुकूलित

इस एप्लिकेशन को विभिन्न उपयोग मामलों के लिए आसानी से अनुकूलित किया जा सकता है:

मूल्य विन्यासवीडियो की कीमत बदलने के लिए, इसे संशोधित करें। कीमत पैरामीटर में एपीआई/इंडेक्स.जेएस.

सामग्री अपडेटकिसी अन्य वीडियो का उपयोग करने के लिए, वीडियो स्रोत को अपडेट करें। public/video-content.html.

नेटवर्क माइग्रेशन: तैनात करने के लिए Base mainnet नेटवर्क कॉन्फ़िगरेशन को अपडेट करें एपीआई/इंडेक्स.जेएसकृपया ध्यान दें कि आपको सीडीपी एपीआई कुंजी और एक अलग फैसिलिटेटर की आवश्यकता होगी। mainnet तैनाती।

भुगतान टोकन : भुगतान कॉन्फ़िगरेशन को अपडेट करके एप्लिकेशन को विभिन्न ERC-20 टोकन स्वीकार करने के लिए संशोधित किया जा सकता है।

पूर्व दर्शन

निष्कर्ष

x402 यह पेमेंट प्रोटोकॉल वेब एप्लिकेशन में माइक्रोपेमेंट्स के सहज एकीकरण को सक्षम बनाता है, जिससे यह कंटेंट मोनेटाइजेशन, डिजिटल गुड्स और सब्सक्रिप्शन सेवाओं के लिए आदर्श बन जाता है। यह डेमो दिखाता है कि प्रीमियम कंटेंट के लिए क्रिप्टोकरेंसी-आधारित पेवॉल को लागू करना कितना आसान हो सकता है।

चाहे आप कंटेंट प्लेटफॉर्म बना रहे हों, प्रीमियम फीचर्स लागू कर रहे हों, या नए मोनेटाइजेशन मॉडल तलाश रहे हों, x402 यह प्रोटोकॉल आपके अनुप्रयोगों में ब्लॉकचेन भुगतान को एकीकृत करने के लिए एक आधार प्रदान करता है।

कार्यान्वयन के बारे में अधिक जानने के लिए x402 भुगतान और अन्य ब्लॉकचेन एकीकरण समाधानों के लिए, हमसे संपर्क करें - हम विकेंद्रीकृत अनुप्रयोगों के भविष्य के निर्माण में आपकी मदद करने के लिए उत्साहित हैं!

योगदान और प्रतिक्रिया

हमें आपकी प्रतिक्रिया सुनकर खुशी होगी और इस सैंपल ऐप में किसी भी तरह के योगदान का हम स्वागत करते हैं!

समस्याओं की रिपोर्ट करने या प्रतिक्रिया साझा करने के लिए, GitHub में एक समस्या खोलें। प्रश्न-मार्गदर्शिका-उदाहरण भंडार।

योगदान देने के लिए, इन चरणों का पालन करें: