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

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

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

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

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

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

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

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

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

इस गाइड में मुख्य रूप से यह बताया गया है कि एजेंट की स्किल, Firebase CLI, और the 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 को अपडेट करें, ताकि सिर्फ़ ऑथराइज़ किए गए उपयोगकर्ता ही अपना डेटा पढ़ और लिख सकें.Authentication
   • को सेट अप करें और ऐप्लिकेशन को प्रोडक्शन में डिप्लॉय करें.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 उपयोगकर्ता डेटा को कैसे सुरक्षित रखते हैं."

कार्रवाई करने से पहले पुष्टि करना

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

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

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

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

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

अगले चरण

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