Implementation
Add the Metamap button to your application's HTML and JavaScript files.
<ion-content>
<ion-button className="matiButtonCss" (click)="showMatiFlow()">Show MatiFlow
</ion-button>
</ion-content>
MetaMap method implementation and callBacks
import { Component } from '@angular/core';
import { MetaMapCapacitor } from "metamap-capacitor-plugin";
@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {
constructor() {}
showMatiFlow() {
MetaMapCapacitor.showMetaMapFlow({ clientId: "YOUR_CLIENT_ID",
flowId: "YOUR_FLOW_ID", metadata: {:}})
.then( verification => console.log("verification success:" + verification.verificationId))
.catch(() => console.log("verification cancelled"))
}
}
In order to make this work you need to set your own CLIENT_ID
and FLOW_ID
. You can find them in the Metamap Dashboard, for more details please check this section.
Updated 10 months ago