एआई असिस्टेंट की मदद से Firebase सेवाओं को इंटिग्रेट करना

Antigravity, Claude Code, Codex, और Cursor जैसे एआई की मदद से काम करने वाले डेवलपमेंट टूल का इस्तेमाल करके, वेब ऐप्लिकेशन के लिए Firebase सेटअप को आसान बनाएं. Firebase एजेंट की क्षमताओं का इस्तेमाल, Firebase CLI और Firebase MCP सर्वर के साथ किया जा सकता है. इससे, एआई कोडिंग एजेंट को Firebase के खास विशेषज्ञ में बदला जा सकता है. यह विशेषज्ञ, कोड लिख सकता है, Firebase Security Rules को कॉन्फ़िगर कर सकता है, और लाइव संसाधनों को मैनेज कर सकता है.

इस गाइड में, वेब ऐप्लिकेशन के लिए Cloud Firestore, Firebase Authentication, और Firebase Hosting सेट अप करने में मदद पाने के लिए, एआई कोडिंग एजेंट का इस्तेमाल करने के बारे में बताया गया है. iOS, Android, और Flutter ऐप्लिकेशन के बारे में जानकारी पाने के लिए, जल्द ही फिर से देखें!

Firebase एजेंट स्किल और टूल का इस्तेमाल क्यों करना चाहिए?

एआई कोडिंग एजेंट को अक्सर किसी प्रोजेक्ट के कॉन्फ़िगरेशन या पुरानी जानकारी से जुड़ी समस्याओं का सामना करना पड़ता है. यह टूलकिट, खास निर्देशों (एजेंट की स्किल) को एजेंट के काम करने से जुड़े दो टूल (सीएलआई और एमसीपी सर्वर) के साथ जोड़कर, इस अंतर को कम करता है:

• Firebase एजेंट स्किल: कोडिंग एजेंट को डोमेन के बारे में विशेषज्ञता और वर्कफ़्लो की जानकारी दें. निर्देश देने वाली लेयर के तौर पर, स्किल, एजेंट को Firebase के साथ काम करने के सबसे सही तरीकों के बारे में बताती हैं. इनमें कोड लिखना भी शामिल है. स्किल से एजेंट को यह भी पता चलता है कि Firebase CLI और Firebase MCP सर्वर का इस्तेमाल कब और कैसे करना है.
• एजेंट के काम करने से जुड़े टूल:
  • Firebase सीएलआई (कमांड-लाइन टूल): यह प्रोजेक्ट के लाइफ़साइकल और एनवायरमेंट से जुड़े टास्क के लिए टूल उपलब्ध कराता है. एजेंट, टर्मिनल एनवायरमेंट में सीएलआई कमांड चला सकता है. इससे Firebase प्रोजेक्ट में सेवाएं सेट अप की जा सकती हैं, पूरी साइटें या बैकएंड रिसॉर्स डिप्लॉय किए जा सकते हैं, लोकल एम्युलेटर शुरू किए जा सकते हैं, और भी बहुत कुछ किया जा सकता है.
  • Firebase MCP सर्वर (प्रोग्रामैटिक टूल और संसाधन): यह रीयल-टाइम में जांच करने और डेटा ऑपरेशन के लिए टूल उपलब्ध कराता है. स्ट्रक्चर्ड टूल कॉल की मदद से, एजेंट प्रोग्राम के हिसाब से Cloud Firestore दस्तावेज़ों के लिए क्वेरी कर सकता है और उन्हें अपडेट कर सकता है. साथ ही, Firebase Authentication उपयोगकर्ताओं को मैनेज कर सकता है, Security Rules पुष्टि कर सकता है, और लाइव लॉग या दस्तावेज़ों को सीधे कॉन्टेक्स्ट में ला सकता है. इसके अलावा, और भी काम किए जा सकते हैं.

Firebase CLI और Firebase MCP सर्वर के साथ-साथ, Firebase एजेंट की स्किल का इस्तेमाल करने से, एआई कोडिंग एजेंट को ये अतिरिक्त सुविधाएं मिलती हैं:

• कार्रवाई करें: सिर्फ़ कोड लिखने के अलावा और भी काम करें. आपका एजेंट, सेवाओं को शुरू कर सकता है, Firebase Authentication उपयोगकर्ताओं को मैनेज कर सकता है, नई Firebase Security Rules को डिप्लॉय कर सकता है, और सीधे आपके Cloud Firestore डेटा के साथ काम कर सकता है.
• अप-टू-डेट रहें: सेटअप से जुड़े टास्क पूरे करने के लिए, अपने एजेंट को निर्देश देने के लिए, आधिकारिक और वर्शन के हिसाब से तैयार किए गए प्रॉम्प्ट का इस्तेमाल करें.
• ज़्यादा सटीक जवाब पाना: अपने प्रोजेक्ट के एनवायरमेंट और स्कीमा को ऐक्सेस करें, ताकि आपको ज़्यादा काम की और सटीक मदद मिल सके.
• टोकन की लागत कम करना: एजेंट की स्किल, विस्तृत दस्तावेज़ सिर्फ़ तब लोड करती हैं, जब किसी खास टास्क के लिए इसकी ज़रूरत होती है. इससे सेशन का ओवरहेड कम हो जाता है.

Firebase की लागू होने वाली सेवाएं

इस गाइड में मुख्य रूप से इस बारे में बताया गया है कि एजेंट की क्षमताएं, Firebase CLI, और Firebase MCP सर्वर साथ मिलकर कैसे काम करते हैं. इससे आपको इन सेवाओं और सुविधाओं को तुरंत सेट अप करने में मदद मिलती है:

• Cloud Firestore: NoSQL डेटाबेस उपलब्ध कराएं.
• Firebase Authentication: उपयोगकर्ता के लिए सुरक्षित साइन-इन की सुविधा सेट अप करें.
• Firebase Security Rules: अपने ऐप्लिकेशन के लिए Security Rules जनरेट करें और उसे बेहतर बनाएं.
• Firebase Hosting: स्टैटिक वेब ऐप्लिकेशन को डिप्लॉय करने के लिए, अपना प्रोजेक्ट सेट अप करें.

उपलब्ध सुविधाओं की पूरी सूची देखने के लिए, Firebase एजेंट की क्षमताओं की पूरी सूची ब्राउज़ करें.

सामान्य वर्कफ़्लो

यहां दिए गए तरीके में, Firebase एजेंट की क्षमताओं का इस्तेमाल करके, वेब ऐप्लिकेशन में Firebase सेवाओं को सेट अप करने और उनका इस्तेमाल करने के लिए, सामान्य वर्कफ़्लो के बारे में बताया गया है. पर्दे के पीछे, एजेंट की क्षमताओं का इस्तेमाल करके इन टास्क को पूरा करने के लिए, Firebase CLI और Firebase MCP सर्वर का इस्तेमाल किया जा रहा है.

पहला चरण: Firebase एजेंट स्किल इंस्टॉल करना

ज़्यादातर मामलों में, अपने पसंदीदा एडिटर में Firebase एजेंट स्किल को एक ही प्रॉम्प्ट से इंस्टॉल किया जा सकता है:

claude plugin marketplace add firebase/agent-skills
claude plugin install firebase@firebase

npx skills add firebase/agent-skills

दूसरा चरण: Firebase MCP सर्वर से कनेक्ट करना

Firebase एजेंट की कई स्किल, टास्क के लिए Firebase CLI का इस्तेमाल करती हैं. हालांकि, एआई कोडिंग एजेंट को Firebase MCP सर्वर से कनेक्ट करने का सुझाव भी दिया जाता है. इस कनेक्शन से, आपके एजेंट को Firebase एनवायरमेंट के साथ इंटरैक्ट करने में मदद मिलती है. इससे बेहतर इंटिग्रेशन और ऐक्सेस मिलता है.

एआई की मदद से काम करने का तरीका

ज़्यादातर मामलों में, एआई कोडिंग एजेंट से Firebase MCP सर्वर सेट अप करने के लिए कहा जा सकता है. हालांकि, अगर यह काम नहीं करता है या आपको Firebase एमसीपी सर्वर की सूची नहीं दिखती है, तो मैन्युअल तरीके का इस्तेमाल करें.

मैन्युअल तरीका

{
  "mcpServers": {
    "firebase-mcp-server": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

"mcpServers": {
  "firebase": {
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"],
      "disabled": false
    }
  }
}

"servers": {
  "firebase": {
    "type": "stdio",
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

"mcp": {
  "servers": {
    "firebase": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

"mcpServers": {
  "firebase": {
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

तीसरा चरण: Firebase सेवाओं को शुरू करना

एजेंट की क्षमताओं और टूल को सेट अप करने के बाद, अब नैचुरल लैंग्वेज का इस्तेमाल करके, अपने एआई कोडिंग एजेंट से Cloud Firestore, Firebase Authentication, और Firebase Hosting सेट अप कराया जा सकता है.

1. अपने एजेंट से सेवा सेट अप करने का अनुरोध करें. उदाहरण के लिए, इस तरह के प्रॉम्प्ट इस्तेमाल किए जा सकते हैं:

   • इस ऐप्लिकेशन के लिए, Cloud Firestore को डेटाबेस के तौर पर सेट अप करें.
   • Authentication का इस्तेमाल करके लॉगिन पेज बनाएं और Security Rules को अपडेट करें, ताकि सिर्फ़ अनुमति वाले उपयोगकर्ता ही अपना डेटा पढ़ और लिख सकें.
   • Firebase Hosting सेट अप करें और ऐप्लिकेशन को प्रोडक्शन ट्रैक पर डिप्लॉय करें.

2. अपने एजेंट से मिली किसी भी जानकारी को पढ़ें और उसके दिए गए निर्देशों का पालन करें. जैसे:

   1. प्लान: आपका एजेंट, आपके मौजूदा कोडबेस के आधार पर एक रणनीति का सुझाव देता है.
   2. कनेक्ट करता है: आपका एजेंट, आपके स्थानीय कोड को किसी मौजूदा Firebase प्रोजेक्ट से लिंक करता है या नया Firebase प्रोजेक्ट बनाने में आपकी मदद करता है.
   3. संसाधन शुरू करता है: आपका एजेंट, आपके कोडबेस में ज़रूरी Firebase लाइब्रेरी और कॉन्फ़िगरेशन जोड़ता है.
   4. अपडेट फ़ाइलें: आपका एजेंट, ज़रूरी फ़ाइलें बनाता है और उन्हें अपडेट करता है. जैसे, firestore.rules (यह तय करने के लिए कि आपके डेटाबेस में कौन डेटा पढ़ सकता है, लिख सकता है या क्वेरी कर सकता है) या firebase.json (Firebase CLI को यह बताने के लिए कि किन सेवाओं को डिप्लॉय करना है और उन्हें कैसे कॉन्फ़िगर करना है).
   5. लागू करता है: आपका एजेंट, आपको कॉन्फ़िगरेशन या डिप्लॉयमेंट के अन्य चरणों के बारे में बताता है.

एआई कोडिंग एजेंट को प्रॉम्प्ट देने के बारे में सामान्य सलाह

एआई कोडिंग एजेंट से ज़्यादा से ज़्यादा फ़ायदा पाने के लिए, खास तौर पर Firebase जैसे कई तरह के इंटिग्रेशन के साथ काम करते समय, इंटरैक्शन को एक बार में दिए जाने वाले निर्देश के बजाय, सहयोग के तौर पर इस्तेमाल करें.

सटीक जानकारी दें और कॉन्टेक्स्ट बताएं

Firebase MCP सर्वर, एजेंट को आपके प्रोजेक्ट के बारे में ज़रूरी कॉन्टेक्स्ट देता है. हालांकि, नैचुरल लैंग्वेज में साफ़ तौर पर लिखे गए प्रॉम्प्ट से सबसे अच्छे नतीजे मिलते हैं. ऐसे अनुरोध न करें जिनमें साफ़ तौर पर जानकारी न दी गई हो.

• अस्पष्ट: "डेटाबेस की गड़बड़ी ठीक करो."
• ज़्यादा जानकारी: "मुझे Cloud Firestore में 'users' कलेक्शन में डेटा लिखने की कोशिश करते समय, 'permission denied' गड़बड़ी का मैसेज मिल रहा है. मेरे firestore.rules की समीक्षा करो और इसे ठीक करने का सुझाव दो, ताकि पुष्टि किए गए उपयोगकर्ता अपने दस्तावेज़ में लिख सकें."

बेहतर बनाने के लिए लगातार सुधार करना

एआई कोडिंग एजेंट, मुश्किल टास्क के लिए पहली बार में ही सही कोड जनरेट नहीं कर पाते. अगर कोई जवाब सही नहीं है, तो बातचीत जारी रखें:

• गड़बड़ी के मैसेज सबमिट करें: टर्मिनल की गड़बड़ियों या कंसोल लॉग को वापस चैट में चिपकाएं.
• बदलाव करने के लिए कहें: "इस कोड में, v8 SDK के पुराने वर्शन का इस्तेमाल किया गया है. इसे Firebase v9 मॉड्यूलर SDK टूल का इस्तेमाल करके फिर से लिखो."
• वजह पूछना: "बताओ कि ये Firebase Security Rules, उपयोगकर्ता के डेटा को कैसे सुरक्षित रखते हैं."

लागू करने से पहले पुष्टि करें

एआई कोडिंग एजेंट बहुत शक्तिशाली होते हैं, लेकिन उनसे गलतियां हो सकती हैं या वे "हैलुसिनेट" कर सकते हैं. इसका मतलब है कि वे गलत नाम वाले फ़ंक्शन या सेवाएं बना सकते हैं.

• कोड की समीक्षा करना: जनरेट किए गए कोड को हमेशा ध्यान से पढ़ें. खास तौर पर, Firebase Security Rules और कॉन्फ़िगरेशन फ़ाइलों (जैसे कि firebase.json) को प्रोडक्शन में डिप्लॉय करने से पहले ज़रूर पढ़ें.
• स्थानीय तौर पर जांच करें: जब भी मुमकिन हो, एजेंट से बदलावों को लाइव करने से पहले, स्थानीय तौर पर उनकी जांच करने के लिए कहें.

एमसीपी कनेक्शन का इस्तेमाल करना

Firebase MCP सर्वर की मदद से, आपके एजेंट को आपके प्रोजेक्ट स्ट्रक्चर की सीधी जानकारी मिलती है. इसलिए, आपको लागू करने के बारे में सलाह पाने के लिए, कुछ फ़ाइलों का रेफ़रंस दिया जा सकता है.

• उदाहरण: "मेरी src/web/index.html फ़ाइल देखो और मुझे बताओ कि Firebase को शुरू करने वाली स्टैंडर्ड स्क्रिप्ट कहां जोड़नी है."

अगले चरण

• Firebase एजेंट की सभी उपलब्ध स्किल की पूरी सूची ब्राउज़ करें.
• Firebase MCP सर्वर से उपलब्ध सभी प्रॉम्प्ट, टूल, और संसाधनों की पूरी सूची ब्राउज़ करें.
• Firebase CLI की ओर से उपलब्ध कराए गए टूल के बारे में ज़्यादा जानें.