Angular

Integrating ezto verify's Web SDK into your Angular project is seamless. Follow the steps below to add the necessary files and initiate the verification process within your Angular application.

Implement the SDK in Component

Set up your Angular component to use the ezto verify SDK:

typescript

// app.component.ts

import { Component } from '@angular/core';

declare var eztoverify: any; // Declare the SDK to avoid TypeScript errors

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  makeRequest() {
    const ez = new eztoverify();
    const metadata = { 
      request: {/* request body of transaction */}
    };
    const cnfg = {
      api: "http://xxxxxxxxxxxxxxxx/realms/api/ezto_web_push/0fbece21-c11d-48cb-913d-30a0b2e807be/xxxxxx/register"
    };
    const callback = (response: any) => {
      console.log('Response:', response);
      // Handle the response here
    };
    ez.request(metadata, cnfg, callback);
  }
}

Add a Button to Trigger the Request

In your component's template, add a button to trigger the request:

<div>
  <button (click)="makeRequest()">Start verification</button>
</div>