एआई एजेंट का इस्तेमाल करके, Firebase SQL Connect का इस्तेमाल शुरू करना

इस झटपट शुरू करने की गाइड में, Firebase SQL Connect को कोडिंग के लिए उपलब्ध एआई टूल के साथ इस्तेमाल करने का तरीका बताया गया है. इससे, फ़ुल-स्टैक और रिलेशनल ऐप्लिकेशन तेज़ी से बनाए जा सकते हैं. अपने एजेंट को Firebase Agent Skills से लैस करने पर, आपको डेटाबेस के लिए बॉयलरप्लेट कोड लिखने या एंडपॉइंट को मैन्युअल तरीके से कॉन्फ़िगर करने की ज़रूरत नहीं होगी. आपको अपना लोकल प्रोजेक्ट सेट अप करने, एआई असिस्टेंट को कॉन्फ़िगर करने, और सुरक्षित PostgreSQL स्कीमा, GraphQL कार्रवाइयां, और पूरा React फ़्रंटएंड जनरेट करने के लिए, एक ही प्रॉम्प्ट का इस्तेमाल करने का तरीका पता चलेगा. यहां सीखी गई बातों का इस्तेमाल करके, उन सभी प्लैटफ़ॉर्म के लिए फ़्रंटएंड बनाए जा सकते हैं जिन पर Firebase SQL Connect काम करता है.

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

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

• Node.js: Firebase CLI चलाने और जनरेट किए गए React फ़्रंटएंड को पावर देने के लिए, Node.js इंस्टॉल करें.

• Firebase CLI: Firebase CLI को ग्लोबल तौर पर इंस्टॉल करें:

  npm install -g firebase-tools
  

• कोडिंग के लिए उपलब्ध एआई टूल: एआई की सुविधा वाला कोई आधुनिक एडिटर इंस्टॉल करें. जैसे, Antigravity, Android Studio, Cursor या Windsurf.

अपना Workspace खाता सेट अप करना

सबसे पहले, कोडिंग के लिए उपलब्ध अपना पसंदीदा एआई टूल खोलें और एक नई प्रोजेक्ट डायरेक्ट्री बनाएं. अपने टूल के इंटिग्रेटेड टर्मिनल को खोलें और इनिशियलाइज़ेशन कमांड चलाएं:

firebase init dataconnect

यह कमांड, आपको अपने प्रोजेक्ट को इनिशियलाइज़ करने में मदद करती है. प्रॉम्प्ट मिलने पर, ये विकल्प चुनें:

• नया Firebase प्रोजेक्ट बनाएं
• Gemini स्कीमा जनरेट करने की प्रोसेस छोड़ें
• नया Cloud SQL इंस्टेंस बनाएं
• React टेंप्लेट बनाएं
• Firebase के लिए Agent Skills इंस्टॉल करने के लिए, हां चुनें

एआई की मदद से अपना ऐप्लिकेशन जनरेट करना

Firebase Agent Skills इंस्टॉल होने के बाद, आपका एआई असिस्टेंट, SQL Connect स्कीमा, कार्रवाइयां, और फ़्रंटएंड कोड सीधे तौर पर, हाई-लेवल प्रॉम्प्ट से जनरेट कर सकता है.

बैकएंड, डेटाबेस के रिलेशनशिप, और React फ़्रंटएंड जनरेट करने के लिए, इनमें से कोई एक प्रॉम्प्ट कॉपी करके अपने एआई असिस्टेंट में चिपकाएं:

पहला उदाहरण: मूवी की समीक्षा करने वाला ऐप्लिकेशन

प्रॉम्प्ट:

Build a movie review website using Firebase SQL Connect. Customers can browse
a catalog of movies presented in a modern card layout displaying average
ratings and review counts, and leave a review from 1 to 5 stars. A user must
only be allowed to leave a single review per movie. Build a styled React
(Vite) frontend that displays the catalog and dynamically renders a live feed
of new reviews. Compile the database backend and React frontend, seed the
database with sample data, and verify that the application builds cleanly and
all core user flows run successfully.

दूसरा उदाहरण: ई-कॉमर्स स्टोरफ़्रंट

प्रॉम्प्ट:

Build an online storefront using Firebase SQL Connect. Customers can browse
product cards showing prices and stock levels, manage a shopping cart, and
check out securely. The checkout transaction must atomically verify that
their cart is not empty, check that products are in stock, create the order,
and decrease the product stock, safely rolling back if any step fails.
Build a highly responsive React (Vite) storefront with a polished checkout
process. Compile the database backend and React frontend, seed the database
with sample data, and verify that the application builds cleanly and all
core user flows run successfully.

तीसरा उदाहरण: कई लेखकों वाला ब्लॉग

प्रॉम्प्ट:

Create a multi-author blog platform using Firebase SQL Connect. The homepage
should display published articles formatted in an elegant typographic layout
with comfortable reading line lengths and serif headings. Users should have
access to a secure split-pane writing dashboard built using React (Vite) to
compose posts with a live preview. Compile the database backend and React
frontend, seed the database with sample data, and verify that the
application builds cleanly and all core user flows run successfully.

आपका एआई असिस्टेंट क्या-क्या बना सकता है

इन प्रॉम्प्ट को चलाने पर, आपका एआई असिस्टेंट, तकनीकी तौर पर मुश्किल काम अपने-आप कर लेता है:

• डेटाबेस स्कीमा (dataconnect/schema/schema.gql): आपकी ज़रूरी शर्तों को रिलेशनल टेबल में बदलता है. इसके लिए, @table डायरेक्टिव का इस्तेमाल करता है. साथ ही, फ़ॉरेन की और प्राइमरी की को अपने-आप मैनेज करता है.
• GraphQL कार्रवाइयां (dataconnect/[connector_name]/*.gql): आपके ऐप्लिकेशन के लिए ज़रूरी सटीक क्वेरी और म्यूटेशन जनरेट करता है. इन्हें @auth डायरेक्टिव की मदद से सुरक्षित किया जाता है.
• जनरेट किया गया SDK (src/dataconnect/): Firebase CLI का इस्तेमाल करके, आपके स्कीमा और कार्रवाइयों के आधार पर, टाइप किया गया क्लाइंट SDK तुरंत जनरेट करता है.
• React फ़्रंटएंड (src/): एक पूरा और शानदार स्टाइल वाला React ऐप्लिकेशन तैयार करता है. यह ऐप्लिकेशन, आपके नए बैकएंड से बात करने के लिए, जनरेट किए गए SDK का इस्तेमाल करता है.

प्रोडक्शन में डिप्लॉय करना

अपने स्कीमा, क्वेरी, और म्यूटेशन को प्रोडक्शन में डिप्लॉय करने के लिए, अपने टर्मिनल में यह कमांड चलाएं:

firebase deploy --only dataconnect

डिप्लॉय करने के बाद, Firebase कंसोल पर जाकर, लाइव स्कीमा देखें. साथ ही, अपने Cloud SQL इंस्टेंस के ख़िलाफ़ सीधे तौर पर कार्रवाइयां चलाएं.

अगले चरण

झटपट शुरू करने की गाइड में बताए गए तरीके को आज़माने के बाद, यहां कुछ अगले चरण दिए गए हैं:

• झटपट शुरू करने की गाइड के लिए बने ऐप्लिकेशन का रिपॉज़िटरी एक्सप्लोर करें और हमारे कोडलैब में बताए गए तरीके के मुताबिक, SQL Connect ऐप्लिकेशन बनाएं.
• अपने डेटाबेस में डेटा जोड़ें और Firebase कंसोल में, अपनी SQL Connect सेवा की निगरानी करें.
• स्कीमा, क्वेरी और म्यूटेशन डेवलपमेंट के बारे में ज़्यादा जानें.
• क्लाइंट SDK और Admin SDK के बारे में ज़्यादा जानें.