A Javascript library for integrating the finAPI Embeddable Web Form
npm install @finapi/embeddable-web-formThe package contains two entry points - the Javascript file, and the Typescript file.
Which entry point to take is up to you - if your application supports the Typescript language then feel free
to use the finapi-embeddable-web-form.component.ts file.
If your application doesn't support the Typescript language - please use the finapi-embeddable-web-form.js
file to import the library.
In order to use the latest version of our package,
please set the version value as 'latest' in your main package.json file.
``
import {Component, OnInit} from '@angular/core';
import {WebFormBuilder} from "@finapi/embeddable-web-form/finapi-embeddable-web-form";
@Component({
selector: 'app-webform',
templateUrl: '../../../node_modules/@finapi/embeddable-web-form/finapi-embeddable-web-form.component.html',
})
export class WebformComponent implements OnInit {
private webFormToken: string;
constructor() {
this.webFormToken = 'web-form-token was here';
}
ngOnInit(): void {
console.log('WebForm library has been imported');
var webFormComponents =
new WebFormBuilder(this.webFormToken, 'http://kraken:8085')
.withCallbackUrl('http://127.0.0.1/dummy')
.withOwnerDocument(document)
.build();
webFormComponents.startWebFormComponents();
}
}
`
- Another example of integration between the embeddable web-form and a ReactJS application:
`
import React from 'react';
import {WebFormBuilder} from '@finapi/embeddable-web-form/finapi-embeddable-web-form'
const serverUrl = 'http://kraken:8085';
const webFormToken = 'whatever';
function getWebForm() {
let embeddableWebForm =
new WebFormBuilder(webFormToken, serverUrl)
.withOwnerDocument(document)
.build();
embeddableWebForm.startWebFormComponents();
}
const App = () => {
return (
export default App;
``