تكامل Device Identification متكامل لـ Next.js (App Router + Pages Router). أضف التعرّف على الزوار، وكشف الروبوتات، والإشارات الذكية إلى تطبيق Next.js الخاص بك في دقائق.
أضف SDK إلى مشروعك باستخدام مدير الحزم المفضّل لديك.
npm install @tracio/reactyarn add @tracio/reactpnpm add @tracio/reactابدأ التشغيل بالحد الأدنى من الإعداد.
// app/layout.tsximport { TracioProvider } from '@tracio/react'export default function Layout({ children }) { return ( <TracioProvider publicKey={process.env.NEXT_PUBLIC_TRACIO_KEY!}> {children} </TracioProvider> )}أنماط جاهزة للإنتاج مع معالجة الأخطاء، وحالات التحميل، والإعداد المتقدم.
// app/api/webhook/tracio/route.ts — identification events land here in real timeimport crypto from 'crypto'function verify(raw: Buffer, header: string, secret: string) { const p = Object.fromEntries(header.split(',').map((kv) => kv.split('='))) const signed = Buffer.concat([Buffer.from(`${p.t}.`), raw]) const expected = crypto.createHmac('sha256', secret).update(signed).digest('hex') const a = Buffer.from(p.v1, 'hex') const b = Buffer.from(expected, 'hex') return a.length === b.length && crypto.timingSafeEqual(a, b)}export async function POST(req: Request) { const raw = Buffer.from(await req.arrayBuffer()) const sig = req.headers.get('x-tracio-signature') ?? '' if (!verify(raw, sig, process.env.TRACIO_WEBHOOK_SECRET!)) { return new Response('Invalid signature', { status: 401 }) } const event = JSON.parse(raw.toString()) if (event.bot.result === 'bot') { await blockVisitor(event.visitorId) } return new Response('OK')}جميع الخيارات المتاحة لتهيئة SDK وإعداده.
publicKeystringمفتاحك العام من لوحة المعلومات — آمن لإرساله في المتصفحendpointstringعنوان URL مخصص لنقطة النهاية لعمليات النشر الموجَّهة عبر بروكسي — العنوان الصريح يتقدّم على regionregionstringمنطقة البيانات: us أو eutimeoutMsnumberمهلة استدعاء getResult() بأكمله، بالمللي ثانيةlinkedIdstringمعرّف الحساب الداخلي لديك للمستخدم المسجَّل دخوله، كي تُربط الزيارات التي تتشارك جهازًاtagstringتسمية حرة تُرفق بطلب التعريف، مثل checkout أو logindebugbooleanيسجّل دورة حياة النص البرمجي ونشاط الشبكة في وحدة تحكّم المتصفحscriptUrlstringتجاوز كامل لعنوان URL لنص الوكيل — للاستضافة الذاتية أو Subresource Integrityتعمّق أكثر مع مرجع API الكامل، وإعداد webhook، والأدلة المتقدمة.
مرجع API الكامل، وأدلة التكامل، وأفضل الممارسات.
تسليم الأحداث في الوقت الفعلي، ومخطط الحمولة، والتحقق من التوقيع.
أعدّ إشعارات الأحداث في الوقت الفعلي لكل عملية تعرّف على جهاز.
أضف بصمات الأجهزة إلى تطبيق Next.js الخاص بك في أقل من 5 دقائق.