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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

npx skills add firebase/agent-skills

दूसरा चरण: Firebase एमसीपी सर्वर से कनेक्ट करना

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

एआई की मदद से किया जाने वाला तरीका

ज़्यादातर मामलों में, अपने एआई कोडिंग एजेंट से Firebase एमसीपी सर्वर सेट अप करने के लिए कहा जा सकता है. हालांकि, अगर उसे मुश्किल हो रही है या आपको 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
    }
  }
}

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

2. अपने एजेंट की दी गई किसी भी जानकारी की समीक्षा करें और उसके सुझाए गए चरणों का पालन करें. जैसे:

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

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

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

सटीक जानकारी दें और कॉन्टेक्स्ट उपलब्ध कराएं

Firebase एमसीपी सर्वर, एजेंट को आपके प्रोजेक्ट के बारे में अहम कॉन्टेक्स्ट उपलब्ध कराता है. हालांकि, साफ़ और सटीक सामान्य भाषा वाले प्रॉम्प्ट से बेहतर नतीजे मिलते हैं. गोल-मोल अनुरोधों से बचें.

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

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

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

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

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

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

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

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

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

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

अगले चरण

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