Hogyan használhatja a Subconnectet a Next.js-ben a különböző oldalak adatforrásainak leválasztására
A Subconnect a Next.js egyik funkciója, amely lehetővé teszi külön kapcsolat létrehozását egy adott oldalhoz vagy oldalkészlethez az alkalmazáson belül. Ez akkor lehet hasznos, ha különböző adatforrásokkal vagy API-kkal rendelkezik, amelyeket csak az alkalmazás bizonyos oldalainak kell elérniük.
Tegyük fel például, hogy van egy blogja nyilvános és privát cikkekkel is. Előfordulhat, hogy külön adatbázist vagy API-t szeretne használni a privát cikkekhez, de továbbra is ugyanazt az adatbázist vagy API-t használja a nyilvános cikkekhez. Az alkapcsolat segítségével külön kapcsolatot hozhat létre a privát cikkekhez, és csak akkor használhatja, ha a felhasználó be van jelentkezve és jogosult a cikkek megtekintésére.
Íme egy példa arra, hogyan használhatja az alkapcsolatot a Next.js alkalmazásban:
```
// pages/api/articles.js
import { NextApiRequest, NextApiResponse } from 'next';
const Articles = () => {
// Ez az API-végpont visszaadja az összes nyilvános cikket
return {
async get() {
const articles = await fetch('https://my-public-articles.com/api/articles');
return { data: articles };
},
};
};
// pages/api/private-articles. js
import { NextApiRequest, NextApiResponse } from 'next';
const PrivateArticles = () => {
// Ez az API-végpont visszaadja az összes privát cikket
return {
async get() {
const articles = await fetch('https://my -private-articles.com/api/articles');
return { data: articles };
},
};
};
// pages/index.js
import { useSubconnect } from 'next/subconnect';
const IndexPage = () => {
// Használja az alkapcsolatot a nyilvános cikkek lekéréséhez. const { data: publicArticles } = useSubconnect( Articles );
// Használja az alkapcsolatot a privát cikkek lekéréséhez, amikor a felhasználó be van jelentkezve: const { data: privateArticles } = useSubconnect( PrivateArticles, {
auth: true, // Csak akkor engedélyezi a hozzáférést, ha a felhasználó be van jelentkezve });
return (
{publicArticles.map((cikk) => (
))}
{privateArticles.map((cikk) => (
))}
);
};
```
Ebben a példában a "Articles" és a "PrivateArticles" API-k külön alkapcsolatokként vannak definiálva, mindegyik saját adatforrással és hitelesítési követelményekkel. Az "IndexPage" összetevő a "useSubconnect" hook segítségével lekéri a nyilvános cikkeket a "Articles" API-ból, és a "useSubconnect" hook segítségével kéri le a privát cikkeket a "PrivateArticles" API-ból, amikor a felhasználó be van jelentkezve.
By Az alkapcsolatok ilyen módon történő használatával leválaszthatja az alkalmazás különböző oldalainak adatforrásait, és függetlenül kezelheti őket, miközben továbbra is használhatja ugyanazt a Next.js API-t és oldalmegjelenítési infrastruktúrát.
Ez tetszik
Ez nem tetszik
Tartalmi Hiba jelentése
Megosztás
