Ubunifu wa Chapa na UX: Kubinafsisha iFrame ya Didit kwa JavaScript (SW)
Jifunze jinsi ya kutumia JavaScript kubinafsisha iFrame ya uthibitishaji iliyopachikwa ya Didit kwa uzoefu wa mtumiaji usio na mshono na wenye chapa.

Ujumuishaji Usio na MshonoUnganisha uthibitishaji thabiti wa utambulisho wa Didit moja kwa moja kwenye programu yako ya wavuti kwa kutumia njia ya InContext iFrame, ukitoa usanidi wa haraka na uzoefu uliopachikwa.
Ubinafsishaji wa NguvuTumia API ya
postMessageya JavaScript kuwasiliana na kupangilia iFrame iliyopachikwa, kuhakikisha mwonekano na hisia ya chapa yako inatunzwa kikamilifu katika mchakato mzima wa uthibitishaji.Uzoefu Bora wa MtumiajiShughulikia matukio ya wakati halisi kutoka kwa iFrame, kama vile kukamilika au kughairiwa kwa uthibitishaji, ili kutoa maoni ya haraka na kuwaongoza watumiaji kupitia safari laini, yenye chapa.
Usanifu Rahisi wa DiditMbinu ya Didit ya moduli na kwanza kwa wasanidi, ikiwemo InContext iFrame na JavaScript SDK, inawawezesha wasanidi kuunda mtiririko wa kazi wa uthibitishaji wa utambulisho uliogeuzwa kukufaa sana na ufanisi na Free Core KYC.
Kuunganisha iFrame ya Didit ya Ndani ya Muktadha kwa Uthibitishaji wa Utambulisho
Katika mazingira ya kidijitali ya leo, uthibitishaji thabiti wa utambulisho ni muhimu kwa usalama, kufuata sheria, na kuzuia ulaghai. Didit inatoa njia mbalimbali za ujumuishaji, na kwa biashara zinazotafuta usanidi wa haraka na uzoefu uliopachikwa, iFrame ya Ndani ya Muktadha inajitokeza. Njia hii inakuwezesha kupachika uwezo thabiti wa Uthibitishaji wa Vitambulisho wa Didit moja kwa moja ndani ya programu yako ya wavuti, ukiwahifadhi watumiaji kwenye kikoa chako. Ingawa ni rahisi kutekeleza, nguvu halisi ya iFrame iko katika uwezo wake wa kubinafsishwa kwa nguvu kwa kutumia JavaScript, kubadilisha mtiririko wa uthibitishaji wa kawaida kuwa safari ya mtumiaji yenye chapa isiyo na mshono.
iFrame ya Ndani ya Muktadha ni bora kwa matukio ambapo unataka mchakato wa uthibitishaji uliowekwa bila kuelekeza watumiaji. Inaunga mkono UniLink (hakuna backend inayohitajika kwa usanidi wa haraka) na Kipindi cha API (kwa ubinafsishaji kamili na backend). Kwa kupachika iFrame, unaweza kutumia vipengele vya hali ya juu vya Didit, ikiwemo OCR, uchanganuzi wa MRZ, na usimbaji wa misimbo pau kwa uthibitishaji wa hati, huku ukidumisha udhibiti wa kiolesura cha mtumiaji kinachozunguka.
Ubinafsishaji wa Nguvu na API ya postMessage ya JavaScript
Ingawa iFrame inatoa uzoefu uliopachikwa, kudumisha uthabiti wa chapa katika safari nzima ya mtumiaji ni muhimu. Hapa ndipo API ya postMessage ya JavaScript inakuwa muhimu sana. Kwa kuwa iFrame inapakia maudhui kutoka asili tofauti (huduma ya uthibitishaji ya Didit), udhibiti wa moja kwa moja wa DOM umefungwa na sera ya asili moja. Hata hivyo, postMessage inawezesha mawasiliano salama ya asili tofauti kati ya ukurasa wako mkuu na iFrame ya Didit iliyopachikwa.
Kwa kusikiliza matukio au jumbe maalum kutoka kwa iFrame na kutuma jumbe kwake, unaweza kurekebisha mwonekano au tabia yake kwa nguvu. Kwa mfano, unaweza kutaka:
- Kubadilisha urefu au upana wa iFrame kulingana na maudhui yaliyopakia ndani.
- Kuanzisha vitendo maalum kwenye ukurasa wako mkuu wakati hatua ya uthibitishaji inakamilika ndani ya iFrame.
- Kupitisha vigezo vya mtindo kwa iFrame ili kulingana na mandhari ya programu yako, ikiwa inaungwa mkono na usanidi wa iFrame wa Didit.
Usanidi wa kawaida unahusisha:
- Kupachika iFrame ya Didit na sifa yake ya
srcikielekeza kwenye URL ya uthibitishaji (k.m.,https://verify.didit.me/u/YOUR_WORKFLOW_ID_BASE64). - Kuongeza kimsikilizaji cha tukio kwenye dirisha lako kuu ili kupokea jumbe kutoka kwa iFrame:
window.addEventListener('message', (event) => {
// Hakikisha ujumbe unatoka kwenye asili inayoaminika (kikoa cha Didit)
if (event.origin !== 'https://verify.didit.me') return;
const data = event.data;
if (data.type === 'didit-verification-event') {
console.log('Tukio la Didit iFrame:', data.payload);
// Shughulikia matukio kama 'verification_completed', 'verification_failed', n.k.
}
});
Hii inaruhusu programu yako kujibu kwa akili hali ya iFrame, ikiongoza uzoefu wa mtumiaji kwa ufanisi zaidi.
Kuboresha Uzoefu wa Mtumiaji na Kushughulikia Matukio
Uzoefu wa mtumiaji usio na mshono unazidi kupachika tu. Unahusisha kutoa maoni wazi, kusimamia hali, na kushughulikia matokeo tofauti ya mchakato wa uthibitishaji. Ujumuishaji wa iFrame ya Didit, hasa unapoendana na JavaScript, inaruhusu ushughulikiaji wa matukio ya hali ya juu ambayo yanaweza kuboresha sana UX.
Kwa mfano, baada ya uthibitishaji uliofanikiwa (ambao backend yako ingethibitisha kupitia webhooks), unaweza kufunga kiolesura kinachoshikilia iFrame, kuonyesha ujumbe wa mafanikio, na kumuunganisha mtumiaji. Ikiwa uthibitishaji utashindwa au kughairiwa, unaweza kutoa chaguzi za kujaribu tena au kuwasiliana na usaidizi.
Fikiria hali ambapo unatumia Uthibitishaji wa Vitambulisho wa Didit kuunganisha watumiaji wapya. Baada ya mtumiaji kukamilisha kunasa na kuwasilisha hati ndani ya iFrame, Didit inachakata data, ikiwemo kufanya ukaguzi wa Passive & Active Liveness ili kuzuia ulaghai wa deepfake. Backend yako inapokea webhook na matokeo ya uthibitishaji. Kisha unaweza kutumia JavaScript kwa:
- Kuficha kiashiria cha kupakia mara tu iFrame inapotuma tukio la 'verification_submitted'.
- Kusasisha UI kuonyesha 'Uthibitishaji Unasubiri' wakati backend yako inachakata webhook.
- Kuonyesha 'Uthibitishaji Umekubaliwa' au 'Uthibitishaji Umekataliwa' kulingana na hali ya mwisho iliyopokelewa na backend yako na kuwasiliana tena na frontend.
Kiwango hiki cha mwingiliano wa nguvu kinahakikisha kuwa watumiaji wanajulishwa kila wakati na kushirikishwa, kupunguza viwango vya kuachana na kujenga uaminifu katika jukwaa lako.
Kuchagua Ujumuishaji Sahihi: iFrame dhidi ya JavaScript SDK
Ingawa iFrame ya Ndani ya Muktadha inatoa usanidi wa haraka na urahisi uliopachikwa, Didit pia inatoa JavaScript SDK yenye nguvu kwa wale wanaohitaji udhibiti wa juu zaidi wa programu. SDK, inayopendekezwa kwa programu za uzalishaji, inatoa usimamizi wa kikao, callbacks za matukio, na msaada kamili wa TypeScript, na kuifanya kuwa bora kwa programu tata zilizojengwa na React, Vue, Angular, au vanilla JS.
iFrame ni bora kwa muda mdogo wa usanidi, mara nyingi chini ya dakika 1, na kwa matukio ambapo unahitaji mtiririko wa uthibitishaji uliowekwa, tayari kutumia. Hata hivyo, kwa callbacks za matukio ya wakati halisi na udhibiti kamili wa programu juu ya mtiririko wa mtumiaji, JavaScript SDK inatoa kubadilika zaidi. Njia zote mbili zinaunga mkono uthibitishaji wa vifaa mbalimbali na lebo nyeupe, kuhakikisha uthabiti wa chapa.
Ahadi ya Didit kwa mbinu ya kwanza kwa wasanidi inamaanisha una chaguzi za kuunganisha uthibitishaji wa utambulisho kwa njia inayofaa zaidi stack yako ya kiufundi na malengo ya uzoefu wa mtumiaji. Iwe kupitia urahisi wa iFrame au nguvu ya SDK, unaweza kutumia jukwaa la Didit linaloendeshwa na AI kujenga mtiririko wa kazi wa utambulisho salama na ufanisi.
Jinsi Didit Inavyosaidia
Didit inatoa vitalu vya msingi vya ujenzi wa uzoefu wa uthibitishaji wa utambulisho unaoweza kubinafsishwa sana na salama. Usanifu wetu wa moduli unakuwezesha kuunganisha ukaguzi wa utambulisho kama vile Uthibitishaji wa Vitambulisho, Passive & Active Liveness, na 1:1 Face Match & Face Search, yote yakiendeshwa na AI ya kisasa. Kwa suluhisho zilizopachikwa, iFrame ya Ndani ya Muktadha inatoa usanidi wa haraka sana, ikikuwezesha kupeleka uthibitishaji thabiti kwa juhudi ndogo. Kwa wale wanaohitaji ujumuishaji wa kina na udhibiti wa nguvu, JavaScript SDK yetu inatoa zana za kujenga safari maalum za watumiaji, kushughulikia matukio ya wakati halisi na kudumisha mwendelezo kamili wa chapa.
Jukwaa la Didit limeundwa kuwa la kwanza kwa wasanidi, likitoa sanduku la mchanga la papo hapo, nyaraka kamili za umma, na API safi. Tunaondoa ada za usanidi na kutoa kiwango cha Free Core KYC, na kufanya uthibitishaji wa utambulisho wa kiwango cha biashara kupatikana. Njia yetu ya asili ya AI inahakikisha usahihi wa hali ya juu na otomatiki, ikipunguza hitaji la ukaguzi wa mwongozo na kurahisisha shughuli zako. Na Didit, unaweza kuratibu hatari na kuweka uaminifu kiotomatiki ulimwenguni kote, kuhakikisha uzoefu salama na rahisi kwa wateja wako huku ukikidhi mahitaji ya kufuata sheria.
Uko Tayari Kuanza?
Uko tayari kuona Didit ikifanya kazi? Pata onyesho la bure leo.
Anza kuthibitisha vitambulisho bure na kiwango cha bure cha Didit.