Next.js के लिए फुल-स्टैक Device Identification इंटीग्रेशन (App Router + Pages Router)। अपने Next.js एप्लिकेशन में मिनटों में विज़िटर पहचान, बॉट डिटेक्शन और smart signals जोड़ें।
अपने पसंदीदा पैकेज मैनेजर के साथ अपने प्रोजेक्ट में 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 — स्पष्ट URL region पर भारी पड़ता हैregionstringडेटा रीजन: us या eutimeoutMsnumberपूरी getResult() कॉल के लिए टाइमआउट, मिलीसेकंड मेंlinkedIdstringसाइन-इन यूज़र के लिए आपका आंतरिक अकाउंट ID, ताकि एक ही डिवाइस साझा करने वाली विज़िट्स जोड़ी जा सकेंtagstringपहचान अनुरोध के साथ जुड़ा मुक्त-रूप लेबल, जैसे checkout या logindebugbooleanस्क्रिप्ट लाइफ़साइकल और नेटवर्क गतिविधि को ब्राउज़र कंसोल में लॉग करता हैscriptUrlstringएजेंट स्क्रिप्ट URL का पूरा ओवरराइड — सेल्फ-होस्टिंग या Subresource Integrity के लिएपूर्ण API संदर्भ, webhook कॉन्फ़िगरेशन और उन्नत गाइड के साथ गहराई में जाएँ।
पूर्ण API संदर्भ, इंटीग्रेशन गाइड और सर्वोत्तम अभ्यास।
रीयल-टाइम इवेंट डिलीवरी, पेलोड स्कीमा और सिग्नेचर सत्यापन।
हर डिवाइस पहचान के लिए रीयल-टाइम इवेंट सूचनाएँ कॉन्फ़िगर करें।
अपने Next.js एप्लिकेशन में 5 मिनट से भी कम समय में Device Fingerprinting जोड़ें।