विभिन्न पेजों के लिए डेटा स्रोतों को अलग करने के लिए नेक्स्ट.जेएस में सबकनेक्ट का उपयोग कैसे करें
सबकनेक्ट नेक्स्ट.जेएस में एक सुविधा है जो आपको अपने एप्लिकेशन के भीतर एक विशिष्ट पेज या पेजों के सेट के लिए एक अलग कनेक्शन बनाने की अनुमति देती है। यह उपयोगी हो सकता है यदि आपके पास अलग-अलग डेटा स्रोत या एपीआई हैं जिन्हें आपके ऐप में केवल कुछ पृष्ठों तक पहुंचने की आवश्यकता है। उदाहरण के लिए, मान लें कि आपके पास सार्वजनिक और निजी दोनों लेखों वाला एक ब्लॉग है। हो सकता है कि आप निजी लेखों के लिए एक अलग डेटाबेस या एपीआई का उपयोग करना चाहें, लेकिन फिर भी सार्वजनिक लेखों के लिए उसी डेटाबेस या एपीआई का उपयोग करें। सबकनेक्ट के साथ, आप निजी लेखों के लिए एक अलग कनेक्शन बना सकते हैं और इसका उपयोग केवल तभी कर सकते हैं जब उपयोगकर्ता लॉग इन हो और उन लेखों को देखने के लिए अधिकृत हो। यहां एक उदाहरण दिया गया है कि आप Next.js ऐप में सबकनेक्ट का उपयोग कैसे कर सकते हैं:
```
// पेज/api/articles.js
import { NextApiRequest, NextApiResponse } 'अगला' से;
const आलेख = () => {
// यह API एंडपॉइंट सभी सार्वजनिक आलेख लौटाता है
रिटर्न {
async get() {
const आलेख = प्रतीक्षा करें('https://my-public-articles.com/api/articles');
वापसी { डेटा: लेख };
},
};
};
// पेज/एपीआई/निजी-लेख। js
import { NextApiRequest, NextApiResponse } 'अगला' से;
const PrivateArticles = () => {
// यह API एंडपॉइंट सभी निजी आलेख लौटाता है
वापसी {
async get() {
स्थिरांक आलेख = प्रतीक्षा फ़ेच('https://my -private-articles.com/api/articles');
return { डेटा: आलेख };
},
};
};
// पेज/index.js
import { useSubconnect } 'next/subconnect' से;
const IndexPage = () => {
// सार्वजनिक लेख प्राप्त करने के लिए सबकनेक्ट का उपयोग करें
कॉन्स्ट { डेटा: पब्लिकआर्टिकल्स } = यूज़सबकनेक्ट( आर्टिकल );
// उपयोगकर्ता के लॉग इन होने पर निजी लेख प्राप्त करने के लिए सबकनेक्ट का उपयोग करें
कॉन्स्ट { डेटा: PrivateArticles } = useSubconnect( PrivateArticles, {
auth: true, // केवल तभी एक्सेस की अनुमति दें जब उपयोगकर्ता लॉग इन हो });
रिटर्न (
{publicArticles.map((article) => (
))}
{privateArticles.map((article) => (
))}
);
};
```
इस उदाहरण में, `आर्टिकल्स` और `प्राइवेटआर्टिकल्स` एपीआई को अलग-अलग सबकनेक्ट के रूप में परिभाषित किया गया है, प्रत्येक का अपना डेटा स्रोत और प्रमाणीकरण आवश्यकताएं हैं। `इंडेक्सपेज` घटक `आर्टिकल्स` एपीआई से सार्वजनिक लेख लाने के लिए `यूजसबकनेक्ट` हुक का उपयोग करता है, और उपयोगकर्ता के लॉग इन होने पर `प्राइवेटआर्टिकल्स` एपीआई से निजी लेख लाने के लिए `यूजसबकनेक्ट` हुक का भी उपयोग करता है। इस तरह से सबकनेक्ट्स का उपयोग करके, आप अपने ऐप में विभिन्न पेजों के लिए डेटा स्रोतों को अलग कर सकते हैं और उन्हें स्वतंत्र रूप से प्रबंधित कर सकते हैं, जबकि आप अभी भी उसी नेक्स्ट.जेएस एपीआई और पेज रेंडरिंग इंफ्रास्ट्रक्चर का उपयोग करने में सक्षम हैं।
मुझे यह पसंद है
मुझे यह नापसंद है
सामग्री त्रुटि की रिपोर्ट करें
शेयर करें
