Google AI Studio और Cloud SQL की मदद से, डेटाबेस पर आधारित अपना पहला वेब ऐप्लिकेशन बनाना

1. शुरू करने से पहले

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

इस कोडलैब में, इस आम समस्या को हल करने के लिए रनिंग क्लब बनाया जाएगा. यह एक ऐसा वेब ऐप्लिकेशन होगा जहां स्थानीय धावक, अपने पसंदीदा रूट ब्राउज़ कर सकते हैं, वीकेंड पर होने वाली मीटिंग शेड्यूल कर सकते हैं, एक क्लिक से RSVP कर सकते हैं, और अन्य धावकों से चैट कर सकते हैं.

इस ऐप्लिकेशन को डेटाबेस की ज़रूरत क्यों है?

कम्यूनिटी ऐप्लिकेशन को भरोसेमंद मेमोरी की ज़रूरत होती है. इसे डेटाबेस कहा जाता है. जब कोई धावक कोई नया सुंदर रास्ता जोड़ता है, शनिवार की सुबह की दौड़ के लिए RSVP करता है या पार्किंग के बारे में पूछने के लिए कोई टिप्पणी पोस्ट करता है, तो फ़ोन बंद करने या कंप्यूटर बंद करने पर वह जानकारी गायब नहीं होनी चाहिए. डेटाबेस में सभी रास्तों, शामिल होने वाले लोगों की सूचियों, और सदस्यों के मैसेज को सुरक्षित तरीके से सेव किया जाता है और व्यवस्थित किया जाता है. इससे क्लब के सभी सदस्यों को, ऐप्लिकेशन खोलने पर अप-टू-डेट जानकारी दिखती है.

इस ऐप्लिकेशन को Google AI Studio के बिल्ड मोड का इस्तेमाल करके बनाया जाएगा. आपको जटिल कोड लिखने या तकनीकी इन्फ़्रास्ट्रक्चर को खुद सेट अप करने की ज़रूरत नहीं है. बस अपनी ज़रूरत को आसान भाषा में बताएं. Google AI Studio, ऐप्लिकेशन जनरेट करता है. साथ ही, आपके डेटा को याद रखने के लिए, Cloud SQL for PostgreSQL डेटाबेस को कनेक्ट करता है. इसके बाद, ऐप्लिकेशन को Cloud Run पर लाइव पब्लिश करता है, ताकि आपकी कम्यूनिटी इसका तुरंत इस्तेमाल शुरू कर सके.

आपको क्या बनाना है

आपको रनिंग क्लब बनाना और लॉन्च करना होगा. यह एक कम्यूनिटी वेब ऐप्लिकेशन है. इसमें ये सुविधाएं शामिल हैं:

  • Google साइन-इन: मौजूदा Google खाते का इस्तेमाल करके, जल्दी और सुरक्षित तरीके से लॉग इन किया जा सकता है.
  • दौड़ने वाले लोगों की प्रोफ़ाइलें: सदस्यों की ऐसी प्रोफ़ाइलें जिनमें दौड़ने से जुड़ी उनकी प्राथमिकताओं और टारगेट पेस के बारे में जानकारी दी गई हो.
  • रास्ते की लाइब्रेरी: इसमें आस-पास के पसंदीदा रास्तों का कलेक्शन होता है. इसमें दूरी, पहाड़ी की मुश्किल चढ़ाई, और मीटिंग पॉइंट की जानकारी होती है.
  • आने वाले रन का शेड्यूल: आने वाले ग्रुप रन को व्यवस्थित करने और उन्हें रास्तों से लिंक करने के लिए एक इवेंट बोर्ड.
  • आसानी से जवाब देना: सदस्यों के लिए एक क्लिक वाला बटन, ताकि वे "मैं आ रहा/रही हूं" पर क्लिक कर सकें और यह देख सकें कि और कौन आ रहा है.
  • चर्चाएं करना: हर रन पर टिप्पणी करने की सुविधा मिलती है. इससे जानकारी को व्यवस्थित किया जा सकता है, सवाल पूछे जा सकते हैं, और अपडेट शेयर किए जा सकते हैं.

आपको क्या सीखने को मिलेगा

  • Google AI Studio में, सामान्य भाषा में दिए गए एक प्रॉम्प्ट का इस्तेमाल करके, काम करने वाला वेब ऐप्लिकेशन बनाने का तरीका.
  • Google AI Studio, Google साइन-इन को अपने-आप कैसे सेट अप करता है.
  • Google AI Studio, आपके डेटा को याद रखने के लिए Cloud SQL for PostgreSQL डेटाबेस कैसे बनाता है और उसे कनेक्ट कैसे करता है.
  • एआई से चैट करके, नई सुविधाएं जोड़ने और अपने डेटाबेस को बढ़ाने का तरीका.
  • यह पुष्टि कैसे करें कि आपके क्लब का डेटा, हर बार विज़िट करने पर सुरक्षित तरीके से सेव रहता है.
  • Cloud Run की मदद से, अपने ऐप्लिकेशन को इंटरनेट पर लाइव पब्लिश करने का तरीका.
  • Google Cloud Console में, लाइव ऐप्लिकेशन और डेटाबेस देखने का तरीका.

आपको किन चीज़ों की ज़रूरत होगी

  • Google Chrome जैसे आधुनिक वेब ब्राउज़र का इस्तेमाल करें.
  • Google AI Studio में साइन इन करने के लिए, एक स्टैंडर्ड Google खाता.

Cloud SQL Starter Edition के लिए ज़रूरी शर्तें और सीमाएं

Google AI Studio, बिल्डरों को Google Cloud का स्टार्टर टियर उपलब्ध कराता है. इससे उन्हें जनरेटिव ऐप्लिकेशन और मैनेज किए गए डेटाबेस को आज़माने में मदद मिलती है:

  • ज़रूरी शर्तें:
    • यह सुविधा, स्टैंडर्ड Google खाता इस्तेमाल करने वाले लोगों के लिए उपलब्ध है.
    • ज़रूरी शर्तें पूरी न करने वाले खातों में, Google Cloud के मौजूदा या पिछले बिलिंग खातों का इस्तेमाल करने वाले लोग शामिल हैं. साथ ही, Google Workspace, Google Workspace for Education या Google for Nonprofits से जुड़े खाते भी शामिल हैं.
    • अगर आपका खाता स्टार्टर टियर के लिए ज़रूरी शर्तें पूरी नहीं करता है, तो भी इस कोडलैब को पूरा किया जा सकता है. इसके लिए, आपको एआई स्टूडियो में बिलिंग की सुविधा वाला कोई मौजूदा Google Cloud प्रोजेक्ट चुनना होगा.
  • संसाधन की खास बातें:
    • यह PostgreSQL 18 चलाने वाला Cloud SQL for PostgreSQL Developer Edition इंस्टेंस उपलब्ध कराता है.
    • इसमें 0.5 vCPU, 2 जीबी रैम, और 1 जीबी स्टोरेज शामिल है. यह डेटा, कुछ महीनों या उससे ज़्यादा समय तक हर दिन सैकड़ों विज़िट के लिए काफ़ी होना चाहिए. हालांकि, यह इस बात पर निर्भर करता है कि गतिविधि कितनी है.
    • इसमें स्केल टू ज़ीरो की सुविधा काम करती है. साथ ही, जब कोई डेटाबेस कनेक्शन चालू नहीं होता है, तो यह कंप्यूट को अपने-आप रोक देता है, ताकि कोटे को बचाया जा सके.
  • Quota:
    • इसमें हर महीने 50 कंप्यूट यूनिट और 10 जीबी स्टोरेज का मुफ़्त कोटा शामिल है.

2. Google AI Studio खोलें और नया ऐप्लिकेशन शुरू करें

शुरू करने के लिए, अपने ब्राउज़र में Google AI Studio खोलें. यह आपका क्रिएशन वर्कस्पेस है. यहां आपको जो भी ऐप्लिकेशन बनाना है उसके बारे में बताकर, उसे आसानी से बनाया और टेस्ट किया जा सकता है.

पहला चरण: Google AI Studio में साइन इन करना

  1. अपना वेब ब्राउज़र (जैसे कि Google Chrome) खोलें और aistudio.google.com पर जाएं.
  2. शुरू करें पर क्लिक करें और अपने स्टैंडर्ड Google खाते (जैसे कि आपका Gmail खाता) से लॉग इन करें.

अपनी प्रोफ़ाइल बनाना शुरू करें

  1. अगर पहली बार इस पेज पर आने पर, आपको सेवा की शर्तों का प्रॉम्प्ट मिलता है, तो उन्हें पढ़ें और स्वीकार करें.

दूसरा चरण: नया आवेदन शुरू करना

  1. सबसे नीचे बीच में मौजूद पैनल में, बनाना शुरू करें पर क्लिक करें. इसके अलावा, दाईं ओर मौजूद पैनल में +नया ऐप्लिकेशन पर भी क्लिक किया जा सकता है.

बनाना शुरू करें

3. आसान प्रॉम्प्ट और Firebase Authentication से शुरुआत करना

शुरू करने के लिए, आपको जटिल आर्किटेक्चर डायग्राम की ज़रूरत नहीं है. एक ही वाक्य में, शुरुआती ऐप्लिकेशन लॉन्च किया जा सकता है, Google साइन-इन कॉन्फ़िगर किया जा सकता है, और अपने डेटाबेस को कनेक्ट किया जा सकता है.

शुरुआती प्रॉम्प्ट डालें

AI Studio के बिल्ड मोड के प्रॉम्प्ट बॉक्स में, यह प्रॉम्प्ट डालें और Enter दबाएँ:

Build a running club web app with a Cloud SQL database
where members can post upcoming runs.

AI Studio का नया ऐप्लिकेशन

इस लिंक पर क्लिक करने से, प्रॉम्प्ट बॉक्स में जानकारी अपने-आप भर जाएगी.

अपने वर्कस्पेस के बारे में जानना

प्रॉम्प्ट सबमिट करने के बाद, Google AI Studio पूरा ऐप्लिकेशन वर्कस्पेस खोलता है. कुछ समय निकालकर, अपनी स्क्रीन पर मौजूद इन तीन मुख्य एरिया को देखें:

AI Studio वर्कस्पेस

  • चैट / प्रॉम्प्ट बॉक्स (सबसे नीचे): यहां एआई से सामान्य भाषा में चैट करके, सुविधाएं जोड़ी जा सकती हैं, डिज़ाइन में बदलाव किया जा सकता है या सवाल पूछे जा सकते हैं.
  • फ़ाइलें और कोड एरिया (बाईं ओर): इसमें वे फ़ाइलें दिखती हैं जिन्हें एआई, पर्दे के पीछे बनाता है. आपको खुद कोड लिखने या उसमें बदलाव करने की ज़रूरत नहीं है. हालांकि, इस पैनल की मदद से, एआई को अपने ऐप्लिकेशन के हिस्से बनाते हुए देखा जा सकता है.
  • लाइव झलक दिखाने वाली विंडो (दाईं ओर): इसमें, आपके ऐप्लिकेशन के काम करने की मौजूदा स्थिति रीयल टाइम में दिखती है. इस विंडो में, बटन पर क्लिक किया जा सकता है और टेक्स्ट फ़ील्ड में टाइप किया जा सकता है. साथ ही, जनरेट होने के तुरंत बाद अपने ऐप्लिकेशन को टेस्ट किया जा सकता है.
  • कोड एडिटर (दाईं ओर): इसमें एआई से जनरेट किया गया असली कोड दिखता है. अगर आपको इसमें बदलाव करना है, तो किया जा सकता है. हालांकि, ऐसा करना ज़रूरी नहीं है.
  • डिप्लॉयमेंट और शेयर करना (सबसे ऊपर दाईं ओर): यहां से अपने ऐप्लिकेशन को इंटरनेट पर डिप्लॉय किया जा सकता है और उसे अन्य लोगों के साथ शेयर किया जा सकता है.

Google AI Studio कौन-कौनसे काम अपने-आप करता है

एआई आपके अनुरोध को प्रोसेस करता है. इस दौरान, आपको ऐप्लिकेशन को चरण दर चरण बनते हुए देखने का विकल्प मिलता है:

  1. Google साइन-इन सेट अप करता है: एआई, Google साइन-इन को अपने-आप इंटिग्रेट कर देता है, ताकि आपके धावक अपने Google खातों से सुरक्षित तरीके से लॉग इन कर सकें. इसके लिए, आपको उपयोगकर्ता के पासवर्ड या सुरक्षा सेटिंग को मैनेज करने की ज़रूरत नहीं होती.
  2. असली डेटाबेस से कनेक्ट करता है: एआई, मैनेज किया गया Cloud SQL डेटाबेस सेट अप करता है, ताकि आपकी कम्यूनिटी का डेटा सेव किया जा सके. अगर कहा जाए, तो अपने प्रोजेक्ट के लिए डेटाबेस चालू करने के लिए क्लिक करें.

AI Studio का नया ऐप्लिकेशन

  1. डेटा टेबल व्यवस्थित करता है (schema.ts): डेटाबेस स्कीमा को व्यवस्थित की गई स्प्रेडशीट के कलेक्शन के तौर पर देखा जा सकता है. एआई आपके ऐप्लिकेशन के लिए स्टोरेज स्ट्रक्चर अपने-आप बनाता है:
    • users table: इसमें सदस्यों की प्रोफ़ाइलें, नाम, अवतार, और दौड़ने की रफ़्तार सेव होती है.
    • runs table: इसमें शेड्यूल किए गए इवेंट की जानकारी होती है. जैसे, इवेंट का टाइटल, दूरी, टारगेट पेस, जगह, और तारीख.
    • comments टेबल: इस टेबल में, हर रन के दौरान धावकों के छोड़े गए मैसेज और सवाल सेव किए जाते हैं.
    ये सभी बदलाव, कोड वाले सेक्शन में अपने-आप हो जाते हैं. अगर झलक से कोड टैब पर स्विच किया जाता है, तो आपको दिखेगा कि इन कैटगरी को कैसे व्यवस्थित किया गया है. हालांकि, आपको कोड खुद लिखने की ज़रूरत नहीं है. यह काम अपने-आप हो जाता है.AI Studio का नया ऐप्लिकेशन(ध्यान दें: आपको इस कोड को कभी भी मैन्युअल तरीके से लिखने या इसमें बदलाव करने की ज़रूरत नहीं होती. जब भी नई सुविधाओं का अनुरोध किया जाता है, तो एआई इसे आपके लिए अपडेट कर देता है!)
  2. विज़ुअल इंटरफ़ेस बनाता है: एआई, स्क्रीन पर दिखने वाले वेब पेज बनाता है. इनमें हेडर, आने वाली रेस की सूची, इवेंट बनाने का फ़ॉर्म, और टिप्पणी सेक्शन शामिल है.

पुष्टि की जांच करना और पोस्टिंग की प्रोसेस शुरू करना

जनरेट होने के बाद, झलक वाले पैनल में जाकर, अपने नए ऐप्लिकेशन को टेस्ट करें:

  1. झलक दिखाने वाली विंडो में, सदस्य के तौर पर साइन इन करें पर क्लिक करें. इसके अलावा, आने वाले रन की जानकारी पोस्ट करें बटन पर क्लिक करके भी पुष्टि की जा सकती है.
  2. Firebase Auth डायलॉग का इस्तेमाल करके, अपने Google खाते से पुष्टि करें.
  3. साइन इन करने के बाद, नेविगेशन बार में आपकी Google प्रोफ़ाइल का नाम और अवतार दिखता है. साथ ही, आपकी पेस की सेटिंग अपने-आप मैनेज होती हैं.
  4. "आने वाले समय में होने वाली पोस्ट" फ़ॉर्म में, कोई टाइटल डालें. जैसे, Morning 5K Shakeout.
  5. कोई तारीख और समय चुनें. इसके बाद, मीटिंग की जगह डालें. जैसे, Central Park West Entrance.
  6. PublishRun पर क्लिक करें. AI Studio का नया ऐप्लिकेशन
  7. पुष्टि करें कि नई रन, आने वाली रन के फ़ीड में तुरंत दिख रही है. इसमें आयोजक के तौर पर, पुष्टि की गई आपकी प्रोफ़ाइल का नाम और पेस बैज दिख रहा हो. AI Studio का नया ऐप्लिकेशन
  8. रेस की चर्चा वाले सेक्शन में, तुरंत कोई मैसेज पोस्ट करें (जैसे कि Bringing extra water bottles!) और पुष्टि करें कि वह टिप्पणी थ्रेड में दिख रहा है.

4. रूट लाइब्रेरी बनाना

दौड़ने वाले क्लब अक्सर स्थानीय स्तर पर लोकप्रिय रास्तों का फिर से इस्तेमाल करते हैं. एक ही रास्ते की जानकारी को बार-बार टाइप करने के बजाय, सदस्यों को कैटलॉग में पसंदीदा रास्ते सेव करने की सुविधा दें. इससे वे दौड़ शेड्यूल करते समय, उन रास्तों को अटैच कर पाएंगे.

एआई से, रूट लाइब्रेरी जोड़ने के लिए कहें

चैट प्रॉम्प्ट बॉक्स में, यह अनुरोध टाइप करें और Enter दबाएं:

Add a route library where members can save favorite
running routes with atitle, distance in km, difficulty,
and start location. When scheduling a run, allow the
organizer to select a route from this library.

AI Studio का नया ऐप्लिकेशन

इसके लिए, एआई रास्तों की जानकारी सेव करने वाली एक नई टेबल अपने-आप बनाता है. साथ ही, इसे सीधे तौर पर रन टेबल से कनेक्ट करता है. इस कनेक्शन की वजह से, जब भी कोई आयोजक रूट चुनता है, तो आपका ऐप्लिकेशन दूरी और जगह की जानकारी अपने-आप खींच लेता है.

(आपको इस कोड में कोई बदलाव करने की ज़रूरत नहीं है. एआई आपके लिए डेटाबेस स्ट्रक्चर को अपडेट करता है!)

'रास्ते की लाइब्रेरी' के नए वर्शन को प्रिव्यू में आज़माएं

एआई के ऐप्लिकेशन को अपडेट करने के बाद, लाइव झलक दिखाने वाली विंडो में नई रूट सुविधा आज़माएं:

  1. ऐप्लिकेशन नेविगेशन में, रास्ता लाइब्रेरी टैब पर क्लिक करें. अगर ऐसा कोई टैब नहीं है, तो लाइव स्ट्रीम की झलक के सबसे नीचे देखें. हो सकता है कि झलक को रीफ़्रेश करने के लिए, आपको सेव करें बटन दबाना पड़े. अगर इससे मदद नहीं मिलती है, तो चैट विंडो में जाकर एआई से इंटरैक्ट करें और पूछें कि आपकी रूट लाइब्रेरी कहां है.
  2. नया रास्ता सेव करें (या रास्ता जोड़ें) पर क्लिक करें और कुछ सैंपल जानकारी भरें:
    • रास्ते का टाइटल: Riverfront Trail Loop
    • दूरी: 8.5 km
    • कठिनाई का स्तर: Moderate
    • शुरू होने की जगह: Waterfront Pier 4
  3. लाइब्रेरी में सेव करें पर क्लिक करें.
  4. अब इस रास्ते का इस्तेमाल करके दौड़ शेड्यूल करें. इसके लिए, अपने नए रास्ते के कार्ड पर मौजूद दौड़ शेड्यूल करें बटन पर क्लिक करें. AI Studio का नया ऐप्लिकेशन
  5. ध्यान दें कि दूरी, मुश्किल का लेवल, और जगह की जानकारी अपने-आप भर जाती है!
  6. पब्लिश करें पर क्लिक करें. इसके बाद, पुष्टि करें कि आपका नया ग्रुप रन होम फ़ीड पर दिख रहा है.

5. 'जवाब दें' सुविधा और सदस्यों को न्योता भेजने की सुविधा लागू करना

कम्यूनिटी ऐप्लिकेशन, लोगों की भागीदारी से ही आगे बढ़ते हैं! मैराथन में हिस्सा लेने वाले लोगों को यह देखने की अनुमति दी जा सकती है कि आने वाली मैराथन में कौन-कौन शामिल हो रहा है. साथ ही, उन्हें एक क्लिक में साइन अप करने और दोस्तों के साथ न्योता भेजने का लिंक शेयर करने की अनुमति दी जा सकती है.

एआई से, न्योते और जवाब जोड़ने के लिए कहें

चैट प्रॉम्प्ट बॉक्स में, यह अनुरोध टाइप करें और Enter दबाएं:

Allow registered members to RSVP ("Join Run") to any upcoming run.
Show the list of attending runners on each run card, display an
attendee counter, and add a copyable invite link.

एआई, मीटिंग में शामिल होने वाले लोगों को पर्दे के पीछे कैसे ट्रैक करता है

कौनसे धावक किस रेस में हिस्सा ले रहे हैं, इसका ट्रैक रखने के लिए एआई आपके डेटाबेस में rsvps टेबल अपने-आप बना देता है. इसे डिजिटल साइन-अप शीट की तरह समझें. यह शीट, किसी धावक के नाम को किसी खास इवेंट से लिंक करती है.

(आपको इस कोड को लिखने या इसमें बदलाव करने की ज़रूरत नहीं है. एआई, आपके डेटाबेस में इस साइन-अप शीट को अपने-आप मैनेज करता है!)

'झलक' में जाकर, न्योते भेजने और जवाब देने की सुविधा की जांच करना

एआई के ऐप्लिकेशन को अपडेट करने के बाद, लाइव झलक दिखाने वाली विंडो में, RSVP की नई सुविधाओं को आज़माएं:

  1. झलक वाली विंडो में, अपने होम फ़ीड पर आने वाली दौड़ ढूंढें.
  2. शामिल हों (या RSVP) बटन पर क्लिक करें.
  3. पुष्टि करें कि आपका नाम और अवतार, मीटिंग में शामिल होने वाले लोग सेक्शन में दिख रहा हो. साथ ही, मीटिंग में शामिल होने वाले लोगों की संख्या में एक की बढ़ोतरी हुई हो.
  4. न्योते का लिंक कॉपी करें पर क्लिक करें और पुष्टि करें कि शेयर किया जा सकने वाला लिंक जनरेट हो गया है.

AI Studio का नया ऐप्लिकेशन

6. डेटा पर्सिस्टेंस और Cloud SQL के स्केल-टू-ज़ीरो की जांच करना

कोई ऐप्लिकेशन बनाते समय, यह जानना सबसे ज़रूरी है कि आपकी कम्यूनिटी की जानकारी सुरक्षित है. अगर आपने ब्राउज़र रीफ़्रेश किया है, टैब बंद किया है या कंप्यूटर बंद किया है, तो आपको यह उम्मीद होगी कि वापस आने पर, आपके सेव किए गए सभी रास्ते, RSVP, और बातचीत मौजूद हों.

इस चरण में, यह जांच की जाएगी कि आपका डेटा Cloud SQL डेटाबेस में सुरक्षित तरीके से सेव किया गया है या नहीं. साथ ही, यह भी जानें कि जब आपका ऐप्लिकेशन इस्तेमाल नहीं किया जा रहा होता है, तब Google Cloud कैसे ऊर्जा और लागत को बचाता है.

ऐप्लिकेशन को रीफ़्रेश करके देखें

  1. AI Studio की झलक दिखाने वाली विंडो में मौजूद, फिर से लोड करें बटन पर क्लिक करें या अपने ब्राउज़र टैब को रीफ़्रेश करें.

AI Studio का नया ऐप्लिकेशन

  1. झलक में अपने ऐप्लिकेशन को देखें: ध्यान दें कि आपने जो भी बनाया था—सदस्यता प्रोफ़ाइल, सेव किए गए रास्ते, शेड्यूल की गई दौड़, RSVP, और टिप्पणियां—वे अब भी वहीं हैं जहां आपने उन्हें छोड़ा था!
  2. आपके ऐप्लिकेशन ने सिर्फ़ कुछ समय के लिए आपकी स्क्रीन पर जानकारी सेव नहीं की. इसके बजाय, उसने आपकी Cloud SQL डेटाबेस में जानकारी को सुरक्षित तरीके से सेव किया.

Cloud SQL, ऊर्जा और लागत को कैसे बचाता है ("स्केल-टू-ज़ीरो")

अगर आधी रात में कोई भी व्यक्ति, रनिंग क्लब ऐप्लिकेशन का इस्तेमाल नहीं कर रहा है, तो क्या होगा?

  • अपने-आप स्लीप मोड में जाना ("स्केल-टू-ज़ीरो"): जब कोई व्यक्ति ऐप्लिकेशन पर नहीं आता है या रन के लिए साइन अप नहीं करता है, तो डेटाबेस अपने-आप रुक जाता है, ताकि संसाधनों को बचाया जा सके.
  • तुरंत चालू होने की सुविधा: जैसे ही कोई धावक ऐप्लिकेशन खोलता है या न्योता लिंक पर क्लिक करता है, डेटाबेस तुरंत चालू हो जाता है. इसमें आपकी सेव की गई सभी जानकारी मौजूद होती है.
  • कोई अतिरिक्त शुल्क नहीं: जब ऐप्लिकेशन का इस्तेमाल नहीं किया जाता, तब यह स्लीप मोड में चला जाता है. इसलिए, जब ऐप्लिकेशन का इस्तेमाल नहीं किया जाता, तब कंप्यूट संसाधनों का इस्तेमाल नहीं होता.

7. Cloud Run पर पब्लिश और डिप्लॉय करना

आपने Running Club ऐप्लिकेशन बना लिया है और इसकी टेस्टिंग भी कर ली है. अब इसे अपनी कम्यूनिटी के साथ शेयर करने का समय है! आपको वेब होस्टिंग खरीदने या सर्वर कॉन्फ़िगर करने की ज़रूरत नहीं है. सिर्फ़ एक क्लिक से, अपने ऐप्लिकेशन को इंटरनेट पर लाइव किया जा सकता है.

अपने ऐप्लिकेशन को वेब पर लाइव पब्लिश करना

  1. Google AI Studio में सबसे ऊपर दाएं कोने में, पब्लिश करें बटन पर क्लिक करें.
  2. इसके बाद, आपको एक विंडो दिखेगी. इसमें पुष्टि की जाएगी कि आपने यह जानकारी दी है:
    • होस्टिंग: इसे Google Cloud Run पर होस्ट और डिप्लॉय किया जाता है. AI Studio का नया ऐप्लिकेशन
    • कनेक्ट की गई सेवाएं: Google साइन-इन और आपका Cloud SQL डेटाबेस. AI Studio का नया ऐप्लिकेशन
  3. अपना ऐप्लिकेशन लॉन्च करने के लिए, पब्लिश करें पर क्लिक करें. AI Studio का नया ऐप्लिकेशन

लाइव ऐप्लिकेशन खोलना और उसे शेयर करना

  1. पब्लिश करने की प्रोसेस पूरी होने के बाद, Google AI Studio आपको लाइव वेब पता और क्यूआर कोड देता है. AI Studio का नया ऐप्लिकेशन
  2. लाइव वेब ऐप्लिकेशन को नए ब्राउज़र टैब में खोलने के लिए, लिंक पर क्लिक करें या अपने फ़ोन के कैमरे से क्यूआर कोड को स्कैन करें.
  3. इसे अपने फ़ोन पर आज़माएं: अपने फ़ोन पर साइन इन करें. इसके बाद, कंप्यूटर पर पहले से शेड्यूल की गई किसी रेस के लिए RSVP करें. साथ ही, रीयल टाइम में शामिल होने वाले लोगों की संख्या अपडेट होते हुए देखें. यह सब, शेयर किए गए Cloud SQL डेटाबेस की मदद से होता है!

8. (बोनस) Google Cloud Console में अपने संसाधनों की जांच करना

Google AI Studio, आपके ऐप्लिकेशन को बनाता और डिप्लॉय करता है. हालांकि, यह उसे किसी निजी ब्लैक बॉक्स में लॉक नहीं करता. इसके बजाय, यह आपकी ओर से Google Cloud की ऐसी सेवाएं बनाता है जो प्रोडक्शन के लिए तैयार होती हैं. Google Cloud Console को कंट्रोल सेंटर के तौर पर इस्तेमाल किया जा सकता है. यहां आपको अपना लाइव ऐप्लिकेशन और डेटाबेस दिखेगा.

पहला चरण: Google Cloud Console खोलें

  1. ब्राउज़र के नए टैब में, Google Cloud Console खोलें.
  2. स्क्रीन पर सबसे ऊपर मौजूद, प्रोजेक्ट वाले ड्रॉप-डाउन मेन्यू पर क्लिक करें. इसके बाद, AI Studio ऐप्लिकेशन के लिए बनाया गया प्रोजेक्ट चुनें. इसका नाम आम तौर पर continual-run- से शुरू होता है.

दूसरा चरण: देखें कि आपका वेब ऐप्लिकेशन कहां चलता है (Cloud Run)

  1. सबसे ऊपर मौजूद खोज बार में, Cloud Run टाइप करें और नतीजों में से इसे चुनें. AI Studio का नया ऐप्लिकेशन
  2. अपने ऐप्लिकेशन के नाम (जैसे, running-club) पर क्लिक करें. AI Studio का नया ऐप्लिकेशन
  3. यहां उस इंजन को एक्सप्लोर किया जा सकता है जो आपकी वेबसाइट को होस्ट करता है:
    • मेट्रिक: काम के ग्राफ़, जिनसे पता चलता है कि आपकी वेबसाइट पर कितने लोग आ रहे हैं.
    • लॉग: गतिविधि का लाइव रिकॉर्ड. इससे पता चलता है कि जब लोग आपके ऐप्लिकेशन से इंटरैक्ट करते हैं, तो क्या होता है.

तीसरा चरण: डेटाबेस का इस्तेमाल करना (Cloud SQL)

  1. सबसे ऊपर मौजूद खोज बार में, Cloud SQL टाइप करें और नतीजों में से इसे चुनें.
  2. अपने PostgreSQL डेटाबेस इंस्टेंस पर क्लिक करें. AI Studio का नया ऐप्लिकेशन
  3. यहां आपको अपने लाइव डेटाबेस की जानकारी दिखेगी. इससे पुष्टि होती है कि आपका डेटाबेस चालू है और इसमें आपके रनिंग क्लब का डेटा सेव किया जा सकता है. AI Studio का नया ऐप्लिकेशन

9. संसाधन मिटाना

अगर आपने इस ऐप्लिकेशन को प्रैक्टिस प्रोजेक्ट के तौर पर बनाया है, तो इसे आसानी से मिटाया जा सकता है. अगर आपको अपनी कम्यूनिटी के साथ Running Club ऐप्लिकेशन का इस्तेमाल जारी रखना है, तो इसे चालू रखें!

  1. Google AI Studio में, बाईं ओर मौजूद साइडबार में मेरे ऐप्लिकेशन पर क्लिक करें.
  2. रनिंग क्लब ऐप्लिकेशन ढूंढें.
  3. ऐप्लिकेशन मिटाएं या ट्रैश आइकॉन पर क्लिक करें. इससे आपका लाइव वेब पेज बंद हो जाएगा और आपके लिए टेस्ट डेटाबेस एक ही चरण में हट जाएगा. AI Studio का नया ऐप्लिकेशन

10. बधाई हो

आपने Google AI Studio और Cloud SQL का इस्तेमाल करके, डेटाबेस से जुड़ा अपना पहला वेब ऐप्लिकेशन बना लिया है, उसे पसंद के मुताबिक बना लिया है, और पब्लिश कर दिया है!

बिल्डर जर्नी पूरी की बैज पर दावा करने के लिए, इस लिंक पर जाएं!

अपनी यात्रा जारी रखने के लिए, अगले लैब के लिए goo.gle/builders पर जाएं.

आपने क्या-क्या हासिल किया

  • आसान भाषा में ऐप्लिकेशन बनाया: आसान प्रॉम्प्ट की मदद से, कम्यूनिटी रनिंग क्लब का पूरा ऐप्लिकेशन बनाया.
  • Google साइन-इन चालू है: Google खातों से अपने-आप सुरक्षित तरीके से लॉगिन करने की सुविधा सेट अप करें.
  • असली डेटाबेस कनेक्ट किया गया: Cloud SQL में सुरक्षित तरीके से सेव की गई यात्राएं, शेड्यूल की गई यात्राएं, RSVP, और चर्चाएं.
  • बातचीत के दौरान जोड़ी गई सुविधाएं: एआई से बातचीत करके, रूट लाइब्रेरी और RSVP ट्रैकिंग की सुविधा जोड़ी गई.
  • वेब पर लाइव पब्लिश किया गया: आपने एक क्लिक से अपने ऐप्लिकेशन को इंटरनेट पर डिप्लॉय कर दिया है और अलग-अलग डिवाइसों पर उसकी जांच कर ली है.
  • तकनीकी जानकारी देखी: यह पता लगाया कि Google Cloud, आपके लाइव वेब ऐप्लिकेशन और डेटाबेस को कैसे होस्ट करता है.

आगे क्या करना है

Google AI Studio में एआई के साथ चैट करके, अपने ऐप्लिकेशन में नई सुविधाएँ जोड़ी जा सकती हैं:

  • इंटरैक्टिव मैप: एआई को मैप की झलक और जीपीएस रूट जोड़ने के लिए प्रॉम्प्ट करें.
  • साथ में दौड़ने वाले लोगों को ढूंढना: एआई को ऐसे लोगों के नाम सुझाने के लिए कहें जो आपके साथ दौड़ सकें और जिनके दौड़ने की गति के लक्ष्य भी आपके जैसे हों.
  • मौसम का पूर्वानुमान: एआई को यह निर्देश दें कि वह आने वाले रन कार्ड पर, वीकेंड के मौसम का पूर्वानुमान दिखाए.
  • फ़ोटो शेयर करने की सुविधा: एआई को निर्देश दें कि वह धावकों को ग्रुप रन के बाद फ़ोटो शेयर करने की अनुमति दे.

इस बारे में और पढ़ें