إعداد وكيل لوحة التحكّم الإدارية
إضافة لوحة التحكّم إلى موقعك خطوة سهلة
هذا يضمن أن تكون تجربة التحرير لديك سلسة. عند ربط لوحة التحكّم بموقعك عبر وكيل، يمكنك تعديل موقعك على الرابط نفسه والحصول على معاينة مرئية للتغييرات في الوقت الحقيقي. كما يتيح التحرير التراكبي الذي يوفّر تجربة مستخدم أفضل أثناء تحرير صفحة الويب.
إعداد الوكيل ليس سوى ملف proxy.ts في مشروعك يعمل كإعادة كتابة للرابط، بحيث يسمح لنقطة النهاية /admin في موقعك بأن تُوجَّه إلى نظام إدارة المحتوى.
localhost: يجب عليك استخدام نفق (لأن نظام إدارة المحتوى لا يستطيع الوصول إلى localhost مباشرة)// proxy.ts
import { createCmsProxy } from 'cms-renderer/lib/proxy';
export const proxy = createCmsProxy({
upstream:
يمكنك الآن الانتقال إلى /admin للوصول إلى لوحة التحكّم من موقعك. يفعّل ذلك المعاينة الحية.
يتم التعامل مع الطبقات التراكبية تلقائيًا. ما عليك سوى تمرير searchParams إلى أداة العرض لديك.
// page.tsx
interface PageProps {
params: Promise<{ slug: string[] }>;
searchParams: Promise<{ [key: string]: string | string[] | undefined }>;
}
export default async function Page({ params, searchParams }: PageProps) {
const { slug } = await params;
return (
<ParametricRoutePage
registry={registry}
apiKey="sk_..."
websiteId="a2717ba3-29db-..."
cmsUrl={"https://cms.dev.tryprofound.com"}
params={Promise.resolve({ slug })}
searchParams={searchParams}
/>
);
}
/admin على موقعكيُفترض أن تعمل الطبقات التراكبية والمعاينات الحية تلقائيًا.