To integrate the Orba One SDK, follow this guide and use your own API Key which you can obtained from the developer dashboard.
The integration of the Orba One Web SDK follows these simple steps:
- Install the SDK through NPM / Yarn
- Get an API Key
- Render the Orba One verification button and handle the result
Additionally, there is a non package manager installation option. You can start using Orba One SDK library by directly by including it in your HTML file. Instructions can be found here.
# Yarn
yarn add @orbaone/core
# NPM
npm install --save @orbaone/coreOrba One uses API keys to allow access to the API and show onboarded users in your dashboard. Login to your Orba One account and create a new Orba One API key form your Developer Dashboard.
Import the Orba One SDK
import { renderButton } from "@orbaone/core";renderButton({
apiKey: "exampleAPIKey",
target: "#button",
applicantId: "",
disableStyle: false,
useAudioInstructions: false,
onSuccess: (data) => {console.log(data)},
onError: (err) => {console.log(err)},
onCancelled: (state) => {console.log(state);},
})renderButton({
apiKey: "exampleAPIKey",
target: "#button",
companyId: "",
disableStyle: false,
useAudioInstructions: false,
onSuccess: (data) => {console.log(data)},
onError: (err) => {console.log(err)},
onCancelled: (state) => {console.log(state);},
})OrbaOne is available over unpkg CDN
<script type="text/javascript" defer="true" src="https://unpkg.com/@orbaone/core" /><script type="text/javascript">
// Verifying An Applicant
OrbaOne.renderButton({
apiKey: "exampleAPIKey",
target: "#button",
applicantId: "",
disableStyle: false,
useAudioInstructions: false,
onSuccess: (data) => {
console.log(data);
},
onError: (err) => {
console.log(err);
},
onChange: (state) => {
console.log(state);
},
steps: ["welcome"],
});
// Verifying A Company
OrbaOne.renderButton({
apiKey: "exampleAPIKey",
target: "#button",
companyId: "",
disableStyle: false,
useAudioInstructions: false,
onSuccess: (data) => {
console.log(data);
},
onError: (err) => {
console.log(err);
},
onChange: (state) => {
console.log(state);
},
steps: ["welcome"],
});
</script>
