ወደ ዋናው ይዘት ዝለል

ድጋሚ ማጫወት

የክፍለ-ጊዜ ድጋሚ ማጫወት የተጠቃሚው ማያ ገጽ በእርግጥ ያደረገውን ይቀዳል: የDOM ለውጦች እና መስተጋብሮች፣ በSDK በቁርጥራጮች ተይዘው በኮንሶሉ ውስጥ ተመልሰው ይታያሉ። መቅዳት በደንበኛው በኩል በምርጫ ነው፣ ግቤቶች በነባሪ ተሸፍነዋል።

At a glance

Enable
createWebClient({ sessionReplay: true, replayHost })
Intake
POST /v1/replay, chunked, project key
Read
replaySessions, replayChunks over GraphQL
Masking
Inputs masked by default, client-side
Auth
Project key to record, access token to watch
  • ቁርጥራጭ ቀረጻ: ቀዳሚው በቁጥር የተሰጡ ቁርጥራጮችን ይቀበላል፣ በመሃል የተዘጋ ትር እስካሁን የተላከውን ሁሉ ይሰጣል።
  • መሸፈን በደንበኛው በኩል ነው: የተሸፈነ ይዘት አሳሹን በጭራሽ አይለቅም፣ በማሳያ ጊዜ አይደበቅም።
  • የመልሶ ማጫወቻ አገናኞች በንድፍ አጭር ዕድሜ አላቸው፤ ጊዜው ያለፈበት አገናኝ በዝምታ ከመውደቅ ይልቅ በዳግም መጫን ይታደሳል።

እንዴት እንደሚሰራ

The web SDK records DOM mutations and interactions, serialises them into numbered chunks and posts each chunk to the recorder with the project key, flushing on an interval and on page hide. The replay processor stores the chunks with their session metadata: whose session, how many events, whether masking was on. The console lists sessions and plays one back by fetching its chunks through short-lived links, in order, so a recording streams rather than downloading whole.

የት እንደሚደረስበት

SurfaceOperation
RESTPOST /v1/replay (recorder intake, project key)
GraphQLreplaySessions, replayChunks queries
RealtimeNone: session lists read on demand
MCPNone

ምሳሌ

TypeScript
import { createWebClient } from '@prodantix/sdk/web';

const prodantix = createWebClient({
  apiKey: process.env.PRODANTIX_KEY,
  replayHost: 'eu.replay.prodantix.com',
  sessionReplay: true,
  // Inputs are masked by default; widen or narrow with sessionReplayOptions.mask.
});

Replay is a web SDK capability: recording needs a DOM, so the Dart and Python SDKs do not carry it. Watching back happens on the Replay screen.