Jak používat Subconnect v Next.js k oddělení zdrojů dat pro různé stránky
Subconnect je funkce v Next.js, která vám umožňuje vytvořit samostatné připojení pro konkrétní stránku nebo sadu stránek v rámci vaší aplikace. To může být užitečné, pokud máte různé zdroje dat nebo rozhraní API, ke kterým potřebují přístup pouze určité stránky ve vaší aplikaci. Možná budete chtít používat samostatnou databázi nebo rozhraní API pro soukromé články, ale stále používat stejnou databázi nebo rozhraní API pro veřejné články. Pomocí subconnect můžete vytvořit samostatné připojení pro soukromé články a používat je pouze tehdy, když je uživatel přihlášen a má oprávnění tyto články prohlížet.
Zde je příklad toho, jak můžete použít subconnect v aplikaci Next.js:
```
// pages/api/articles.js
import { NextApiRequest, NextApiResponse } z 'next';
const Articles = () => {
// Tento koncový bod API vrátí všechny veřejné články
return {
async get() {
const articles = wait fetch('https://my-public-articles.com/api/articles');
return { data: Articles };
},
};
};
// pages/api/private-articles. js
import { NextApiRequest, NextApiResponse } z 'next';
const PrivateArticles = () => {
// Tento koncový bod API vrací všechny soukromé články
return {
async get() {
const articles = wait fetch('https://my -private-articles.com/api/articles');
return { data: články };
},
};
};
// pages/index.js
import { useSubconnect } z 'další/subconnect';
const IndexPage = () => {
// Pomocí dílčího připojení získáte veřejné články
const { data: publicArticles } = useSubconnect( Articles );
// Pomocí dílčího připojení získáte soukromé články, když je uživatel přihlášen
const { data: privateArticles } = useSubconnect( PrivateArticles, {
auth: true, // Povolit přístup pouze tehdy, když je uživatel přihlášen
});
return (
{publicArticles.map((článek) => (
))}
{privateArticles.map((článek) => (
))}
);
};
```
V tomto příkladu jsou rozhraní API „Články“ a „PrivateArticles“ definována jako samostatná dílčí připojení, z nichž každé má svůj vlastní zdroj dat a požadavky na ověření. Komponenta `IndexPage` používá háček `useSubconnect` k načtení veřejných článků z `Articles` API a také používá háček `useSubconnect` k načítání soukromých článků z `PrivateArticles` API, když je uživatel přihlášen.
By pomocí dílčích připojení tímto způsobem můžete oddělit zdroje dat pro různé stránky ve vaší aplikaci a spravovat je nezávisle, přičemž stále můžete používat stejné rozhraní Next.js API a infrastrukturu vykreslování stránek.



