paint-brush
इंटरप्लेनेटरी फोटो बूथ कैसे बनाएंद्वारा@jenksguo
947 रीडिंग
947 रीडिंग

इंटरप्लेनेटरी फोटो बूथ कैसे बनाएं

द्वारा Jenks Guo7m2023/04/30
Read on Terminal Reader

बहुत लंबा; पढ़ने के लिए

जानें कि किसी फोटो बूथ को IPFS में कैसे एकीकृत किया जाए और वेब3.स्टोरेज के साथ अपनी सेल्फी को अंतर्ग्रहीय बनाएं। फोटो बूथ के मुख्य भाग हैं: एक डिजिटल कैमरा, कुछ रोशनी, टच स्क्रीन वाला एक कंप्यूटर, कुछ सॉफ्टवेयर जो कैमरे को फोटो लेने के लिए नियंत्रित करता है। स्पार्कबूथ नामक फोटो बूथ सॉफ्टवेयर बनाने के लिए लाइटवेट नोड.जेएस एप्लिकेशन का उपयोग करना सीखें।
featured image - इंटरप्लेनेटरी फोटो बूथ कैसे बनाएं
Jenks Guo HackerNoon profile picture
0-item
1-item
2-item

जानें कि कैसे एक फोटो बूथ को IPFS में एकीकृत किया जाए और वेब3.स्टोरेज के साथ अपनी सेल्फी को अंतर्ग्रहीय बनाया जाए।


वेब समिट 2022 के दौरान, फिल्कोइन इवेंट्स और क्रिएटिव टीम ने सम्मेलन में एक अद्भुत प्रदर्शनी स्टैंड स्थापित किया, जिसने 3500 से अधिक आगंतुकों को आकर्षित किया, जो वेब3, इंटरप्लेनेटरी फाइल सिस्टम (आईपीएफएस) और फाइलकोइन नेटवर्क के वितरित भंडारण समाधानों के बारे में अधिक जानना चाहते थे।

वेब समिट 2022, लिस्बन, पुर्तगाल में फिल्कोइन स्टैंड की एक तस्वीर


Filecoin IPFS प्रोटोकॉल के माध्यम से Web3 पर फ़ाइलों को संग्रहीत करने और बनाए रखने के लिए व्यापक समाधान प्रदान करता है। सबसे लोकप्रिय और उपयोग में आसान है web3.Storage, डेवलपर्स के लिए " IPFS और Filecoin के लिए एक API कॉल" समाधान।


आईपीएफएस एक वेब प्रोटोकॉल है जो एक पीयर-टू-पीयर नेटवर्क में फाइलों को साझा करने और एक वितरित कंप्यूटर नेटवर्क में डेटा साझा करने की अनुमति देता है। फाइलकोइन ने एक ओपन-सोर्स प्रोटोकॉल बनाया है जो भंडारण बाजार को लंबे समय तक और कम लागत के साथ आईपीएफएस पर फाइलों को बनाए रखने में सक्षम बनाता है। यह समाधान वेब3 में स्टोरेज की समस्या को हल करता है और इंटरनेट को अपग्रेड करता है क्योंकि हम इसे इंटरप्लेनेटरी कम्युनिकेशन जैसी चुनौतियों से निपटने के लिए जानते हैं।


इंटरप्लेनेटरी कम्युनिकेशन में सेल्फी शामिल है ! Web3.storage से कनेक्ट करने और IPFS में अपनी सेल्फ़ी अपलोड करने के लिए Sparkbooth नामक फ़ोटो बूथ सॉफ़्टवेयर बनाने के लिए हल्के नोड.js एप्लिकेशन का उपयोग करना सीखें।

यह कैसे काम करता है?

फोटो बूथ के मुख्य भाग हैं: एक डिजिटल कैमरा, कुछ रोशनी, टच स्क्रीन वाला एक कंप्यूटर, कुछ सॉफ्टवेयर जो कैमरे को फोटो लेने के लिए नियंत्रित करते हैं और उन्हें आईपीएफएस और फाइलकोइन नेटवर्क पर अपलोड करने की क्षमता रखते हैं।

फोटो बूथ ऑपरेशन की व्याख्या करने वाला एक आरेख

घटनाओं का प्रवाह इस तरह दिखता है:


  1. टच स्क्रीन फोटो लेने के लिए यूजर से कमांड प्राप्त करती है


  2. फोटो बूथ सॉफ्टवेयर (स्पार्कबूथ कहा जाता है) कार्रवाई करने के लिए कैमरे से बात करेगा


  3. स्पार्कबूथ फोटो को स्थानीय रूप से कंप्यूटर पर स्टोर करता है


  4. स्पार्कबूथ उपयोगकर्ता से पूछता है कि क्या वे सर्वर को भेजना चाहते हैं (web3.storage के माध्यम से)


  5. स्पार्कबूथ * को एपीआई कॉल में फोटो, उपयोगकर्ता नाम, पासवर्ड और सफलता संदेश भेजता है। फाइल-फोटो-बूथ-अपलोडर * कस्टम नोडजेस ऐप


  6. fil-photobooth-uploader ऐप:

    1. उपयोगकर्ता नाम और पासवर्ड मान्य करें

    2. फोटो के प्रारूप को क्या में बदलें web3.storage स्वीकार

    3. सिस्टम से एपीआई टोकन/कुंजी प्राप्त करता है और भेजता है __वेब 3. __भंडारण

    4. w__ eb3.storage __ IPFS नेटवर्क को फोटो भेजता है और फाइलकोइन पर बैक अप लेता है

    5. w__ eb3.storage __ IPFS कंटेंट आईडी (CID) को वापस लौटा देगा फाइल-फोटो-बूथ-अपलोडर

    6. फाइल-फोटो-बूथ-अपलोडर के माध्यम से सीआईडी यूआरएल के http संस्करण का निर्माण करेगा web3.storage आईपीएफएस गेटवे

    7. fil-photo-booth-uploader स्पार्कबूथ 7 पर एक सफल संदेश देता है


  7. स्पार्कबूथ को एक सफल संदेश प्राप्त होता है: "आपकी तस्वीर आईपीएफएस को भेजी जाती है web3.storage . :-)” फोटो के यूआरएल के साथ


  8. स्पार्कबूथ स्क्रीन पर उत्पन्न क्यूआर कोड प्रदर्शित करता है


नज़र? यह एक सामान्य फोटो बूथ की तरह है:

IPFS CID url का एक उदाहरण:

https://bafybeiei7zadrztflc6krunhvqr3umzre7xjxfzvmyjs2ob2w7yykq63ea.ipfs.w3s.link/20221104172648.jpg

एक उदाहरण:

सेल्फी की सीआईडी वाला एक क्यूआर कोड


पूरा प्रवाह इस तरह दिखता है:

IPFS में सेल्फी अपलोड करना

आईपीएफएस और सीआईडी के बारे में अधिक जानने के लिए, कृपया देखें proto.school .

स्टेप बाय स्टेप गाइड

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

इस ट्यूटोरियल के माध्यम से आपको कुछ चीजें चलाने की आवश्यकता हो सकती है:

  • 📸 कैमरा - कोई भी आधुनिक कैनन
  • 💻 कंप्यूटर - टच स्क्रीन वाला कोई भी ऑल-इन-वन डेस्कटॉप या टच स्क्रीन वाला लैपटॉप
  • 👨🏻‍💻 फोटो बूथ सॉफ्टवेयर - स्पार्कबूथ 7
  • 🤖 एक ऐप सर्वर - मैं सुविधा के लिए हेरोकू का उपयोग कर रहा हूं
  • 📦 IPFS सक्षम उत्पाद - एक web3.storage खाता
  • 🌎 इंटरनेट कनेक्शन - WWW से वायर्ड या वायरलेस (वाईफ़ाई) से बात करने का एक तरीका\

चरण 1, Web3.Storage सेटअप

  1. एक बनाने के web3.storage आपके माध्यम से खाता Github खाता या ईमेल

  1. अकाउंट > एपीआई टोकन पर जाएं

  1. एक नया एपीआई टोकन बनाएं, इसे अपनी पसंद का कोई भी नाम दें (उदाहरण के लिए फाइलकॉइन वेब समिट 2022)

  1. कॉपी बटन का उपयोग करके एपीआई कुंजी को कॉपी करें

  1. इसे बाद के लिए सहेजें आपको इसे फ़ाइल-फ़ोटो-बूथ-अपलोडर एप्लिकेशन में पर्यावरण चर के रूप में रखना होगा

चरण 2: नोडज ऐप परिनियोजन

Sparkbooth 7 और web3.storage को अच्छी तरह से बात करने के लिए, हमें उनकी भाषाओं का अनुवाद करने में थोड़ी मदद की आवश्यकता होगी। नोडजेस ऐप हमें इसे हासिल करने में मदद करेगा। इसे सर्वर पर होस्ट करने की आवश्यकता होगी, और हम इसके लिए हेरोकू का उपयोग कर रहे हैं (यदि आप इसे होस्ट करने के लिए वेब3 मूल तरीका जानते हैं, तो कृपया मुझे डीएम करें। मुझे कोशिश करना अच्छा लगेगा)।


  1. सबसे पहले जाएं github.com (यदि आपके पास खाता नहीं है तो नए खाते के लिए साइन अप करें)

  1. दौरा करना फाइलकोइन फोटो बूथ अपलोडर और फिर फोर्क पर क्लिक करें। यह आपको स्रोत कोड को अपने खाते या रिपॉजिटरी में कॉपी करने की अनुमति देगा और आपको इसे हेरोकू से कनेक्ट करने की अनुमति देगा।

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

  1. एक नया ऐप बनाएं और उसमें इवेंट का नाम डालें।

  1. हमें प्रत्येक घटना के लिए एक नए ऐप की आवश्यकता होने की संभावना है।

  1. "परिनियोजन विधि" के अंतर्गत, GitHub चुनें और फिर अपने GitHub खाते में साइन इन करें। एप्लिकेशन बनाने और सर्वर चलाने के लिए हेरोकू को अपने आप में कोड खींचने के लिए अधिकृत करें।

  1. "कनेक्ट टू गिटहब" के तहत, रेपो नाम की खोज करें जिसे आपने अभी-अभी फोर्क किया है (उदा। फाइल-फोटो) फिर कोड रिपॉजिटरी को कनेक्ट करें।

  1. सभी सेटिंग्स को छोड़ दें और पहले बिल्ड को किक करने के लिए "डिप्लॉय ब्रांच" पर क्लिक करें। एप्लिकेशन प्रकार को पहचानने में सक्षम होने के लिए हरोकू काफी स्मार्ट है। अगला: इसे बनाएं और तैनात करें।

  1. हालाँकि, सर्वर के काम करने से पहले, हमें उपयोगकर्ता नाम, पासवर्ड और web3.storage सर्वर वातावरण में एपीआई टोकन। हरोकू उन्हें इंटरनेट पर उजागर किए बिना इसे सुरक्षित रूप से एक्सेस कर सकता है। "सेटिंग" पर जाएं फिर "कॉन्फ़िगरेशन वर्र्स।"

  1. निम्नलिखित कॉन्फ़िगरेशन में रखें, SPARKBOOTH_PASSWORD, SPARKBOOTH_USER, W3S_API_TOKEN को पासवर्ड, उपयोगकर्ता नाम और के साथ स्वैप करें web3.storage एपीआई टोकन क्रमशः। नाम ठीक ऊपर जैसा होना चाहिए।

  1. ऐप अब चलना चाहिए! बाद में स्पार्कबूथ 7 में डालने के लिए यूआरएल खोजने के लिए आप "सेटिंग" के तहत "डोमेन" पर जा सकते हैं।

चरण 3: स्पार्कबूथ 7 सेटअप

सेटअप प्रवाह को पूरा करने के लिए हमारे कस्टम नोडजेस ऐप से बात करने के लिए फोटो बूथ लैपटॉप पर सॉफ़्टवेयर तैयार करना अंतिम चरण है। \

  1. की ओर जाना स्पार्कबूथ डॉट कॉम . डाउनलोड करना स्पार्कबूथ 7 dSLR है , के लिए भुगतान लाइसेंस शुल्क या परीक्षण का प्रयोग करें।

  1. स्पार्कबूथ खोलें और अपनी खरीद की पुष्टि करें।

  1. जब आप ऐप खोलते हैं, तो यह अधिकतम हो जाएगा, लेकिन बाहर निकलने के लिए आप "ईएससी" दबा सकते हैं। ऊपर बाईं ओर सेटिंग पर जाएं:

  1. "खाते में भेजें" कॉन्फ़िगर करें, फिर वह उपयोगकर्ता नाम और पासवर्ड दर्ज करें जिसका आप उपयोग करना चाहते हैं। "सेवा URL" को हेरोकू ऐप पता + "/ अपलोड-w3s" होना चाहिए। (उदा http://fil-photo-booth-uploader.herokuapp.com:443/upload-w3s)

  1. आप परीक्षण बटन का उपयोग करके कनेक्शन का परीक्षण कर सकते हैं। इसका परिणाम विफलता संदेश होगा, लेकिन एपीआई कॉल अभी भी हेरोकू ऐप के माध्यम से जाएगी और आपके में एक परीक्षण फोटो रखेगी web3.storage खाता। आप अपने web3.storage खाते में परीक्षण छवि देख सकते हैं। यदि आप "फोटो बूथ टेस्ट" फोटो देख सकते हैं, तो सेटअप सफल है! क्लिक यहाँ जाँच करने के लिए।

w3up बीटा जल्द ही आ रहा है

यह ऐप 2022 में बनाया गया था और मौजूदा web3.storage API का उपयोग करता है। इस लेखन के समय, web3.storage से नए बीटा w3up API उपलब्ध हैं, जो एकाधिक ढांचे के लिए फ्रंट एंड वेब घटक शामिल करें . इससे IPFS का उपयोग करने वाले ऐप्स को लिखना और भी आसान हो जाएगा।

कुछ सुधार सुझाव

ऐप सही नहीं है! कुछ ऐसे क्षेत्र हैं जिनमें सुधार किया जा सकता है:


  1. सुरक्षा

भले ही यह जमीन दिखाने के लिए सिर्फ एक नौटंकी है, नोडजेस ऐप की सुरक्षा आदर्श नहीं है। एप्लिकेशन लॉजिक में पासवर्ड और उपयोगकर्ता नाम को मान्य करना पसंद नहीं किया जाता है। मेरा मानना है कि हमें एप्लिकेशन को फ़ायरवॉल या एपीआई गेटवे के पीछे रखना चाहिए जो हमारे ऐप पर कॉल पास करने से पहले हेडर में प्राधिकरण को मान्य करता है।


  1. अनुभव

स्पार्कबूथ 7 बढ़िया है, लेकिन यूआई काफी सीमित लगता है। अच्छा होगा अगर हम इसे थोड़ा और कस्टमाइज़ कर सकें। शायद एक ओपन-सोर्स फोटो बूथ सॉफ्टवेयर हमें इसे हासिल करने में मदद कर सकता है?


  1. हाल की फोटो गैलरी

संभावित रूप से, हम आगंतुकों को नवीनतम फ़ोटो दिखाने के लिए एक अलग कंप्यूटर का उपयोग कर सकते हैं। वे उस तस्वीर का चयन कर सकते हैं जिसे वे खुद को ईमेल करना चाहते हैं, फिर से क्यूआर कोड प्रदर्शित कर सकते हैं या इसे सोशल मीडिया पर साझा कर सकते हैं। इसमें फ़ाइल-फ़ोटो-बूथ-अपलोडर के लिए एक फ्रंटएंड बनाना शामिल होगा, जो फ्रंट-एंड डेवलपर के लिए एक बहुत अच्छा प्रोजेक्ट हो सकता है।


  1. विकेंद्रीकृत ऐप बैकएंड का उपयोग करें। हो सकता है कि Fluence या IPVM जैसा कोई व्यक्ति मदद करने में सक्षम हो।

निष्कर्ष

तीन दिवसीय वेब समिट के दौरान, सम्मेलन में इंटरनेट कनेक्टिविटी के मुद्दों के कारण फिल्कॉइन फोटो बूथ का अपटाइम 99% और a1% आउटेज था। कुल मिलाकर, फोटो बूथ ने फिल्कॉइन नेटवर्क पर 934 तस्वीरें प्रकाशित कीं। यह लगभग एक हजार सेल्फी हैं जो वेब3.स्टोरेज की बहुत ही आसान सेवा के लिए सभी ग्रहों के बीच जाने के लिए तैयार हैं!

फोटो बूथ भी प्रसिद्ध है। तीसरे दिन CNN के एक रिपोर्टर ने भी बूथ का इंटरव्यू लिया, (हां, बूथ मशहूर हो रहा है... मैं नहीं).


वेब समिट, लिस्बन, पुर्तगाल में फिल्कोइन फोटो बूथ का साक्षात्कार लेते सीएनएन रिपोर्टर


कृपया अपने कार्यक्रमों, सभाओं, मुलाकातों, पार्टियों या केवल मनोरंजन के लिए अपना खुद का इंटरप्लेनेटरी फोटो बूथ बनाने के लिए इस गाइड का बेझिझक उपयोग करें।


फाइलकोइन नेटवर्क में अब 16EiB भंडारण क्षमता है और 300PiB से अधिक डेटा इस पर संग्रहीत किया गया है। इस परियोजना में योगदान देने या इसका उपयोग करने के कई तरीके हैं। शामिल होने के बारे में और जानें यहाँ .