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

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

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

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

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

• Firebase एजेंट की क्षमताएं: क्षमताएं, कोडिंग एजेंट को डोमेन के बारे में विशेषज्ञता देती हैं. ये अप-टू-डेट दस्तावेज़ और बेहतरीन वर्कफ़्लो उपलब्ध कराते हैं, ताकि एजेंट को आपके आर्किटेक्चर को स्ट्रक्चर करने का सही तरीका पता चल सके. यह तरीका, Firebase के सुझावों के मुताबिक होता है.
• Firebase MCP सर्वर: एमसीपी सर्वर, कोडिंग एजेंट को कॉन्टेक्स्ट और ऐक्सेस देता है. यह एजेंट के लिए एक स्टैंडर्ड प्रोटोकॉल सेट अप करता है, ताकि वह प्रोग्राम के हिसाब से आपके चालू प्रोजेक्ट के संसाधनों, लोकल फ़ाइलों, और कॉन्फ़िगरेशन की जांच कर सके.
• Firebase सीएलआई: कमांड-लाइन इंटरफ़ेस, कोडिंग एजेंट को कार्रवाई करने की सुविधा देता है. यह एक ऐसा टूल है जिसका इस्तेमाल एजेंट, मुश्किल टास्क पूरे करने के लिए करता है. जैसे, डेटाबेस शुरू करना, उपयोगकर्ता की पुष्टि करने से जुड़े कॉन्फ़िगरेशन मैनेज करना, और आपकी ओर से कोड डिप्लॉय करना.

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

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

एजेंट की स्किल और टूल, Firebase की किन सेवाओं में मदद कर सकते हैं?

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

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

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

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

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

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

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

npx skills add firebase/agent-skills --agent=antigravity

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

npx skills add firebase/agent-skills --agent=codex

npx skills add firebase/agent-skills --agent=cursor

npx skills add firebase/agent-skills

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

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

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

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

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

{
  "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
    }
  }
}

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

"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, 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' कलेक्शन में लिखने की कोशिश करते समय, 'अनुमति नहीं है' गड़बड़ी का मैसेज मिल रहा है. मेरे 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 की ओर से उपलब्ध कराए गए टूल के बारे में ज़्यादा जानें.