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

वेब ऐप्लिकेशन के लिए Firebase को सेट अप करने की प्रोसेस को आसान बनाएं. इसके लिए, एआई की मदद से काम करने वाले डेवलपमेंट टूल, जैसे कि Antigravity, Claude Code, Codex, और Cursor का इस्तेमाल करें. 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 CLI (कमांड-लाइन टूल): प्रोजेक्ट के लाइफ़साइकल और एनवायरमेंट से जुड़े टास्क के लिए टूल उपलब्ध कराता है. एजेंट, टर्मिनल एनवायरमेंट में सीएलआई कमांड चलाकर, Firebase प्रोजेक्ट में सेवाएं सेट अप कर सकता है. साथ ही, पूरी साइटों या बैकएंड संसाधनों को डिप्लॉय कर सकता है, लोकल एम्युलेटर शुरू कर सकता है वगैरह.
  • Firebase MCP सर्वर (प्रोग्रामैटिक टूल और संसाधन): रीयल-टाइम में जांच और डेटा ऑपरेशन के लिए टूल उपलब्ध कराता है. स्ट्रक्चर्ड टूल कॉल की मदद से, एजेंट प्रोग्रामैटिक तरीके से दस्तावेज़ों के लिए क्वेरी कर सकता है और उन्हें अपडेट कर सकता है. Cloud Firestoreसाथ ही, उपयोगकर्ताओं को मैनेज कर सकता हैFirebase Authentication, सुरक्षा से जुड़े नियमों की पुष्टि कर सकता है Security Rules, लाइव लॉग या दस्तावेज़ों को सीधे कॉन्टेक्स्ट में पुल कर सकता है वगैरह.

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

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

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

इस गाइड में मुख्य रूप से यह बताया गया है कि एजेंट स्किल, Firebase CLI, और the 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 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
    }
  }
}

"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 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 से मिलने वाले टूल के बारे में ज़्यादा जानें.