Onfido SDK Demo

author(s): Onfido Team

by l0co

HTML

<script src="https://assets.onfido.com/web-sdk-releases/latest/onfido.min.js"></script>
<link rel="stylesheet" href="https://assets.onfido.com/web-sdk-releases/latest/style.css">
<div id="onfido-mount"></div>

CSS

html,
body {
  height: 100%;
  margin: 0;
}

body,
button {
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 30em) {
  #onfido-mount {
    position: relative;
    top: 10%;
  }
}

JavaScript

Onfido.init({
  useModal: false,
  workflowRunId: '96e27eff-3225-4fcf-8056-5ef0bed9101b',
  token: 'eyJhbGciOiJFUzUxMiJ9.eyJleHAiOjE2OTAyOTg4NDcsInBheWxvYWQiOnsiYXBwIjoiZmFkOTZjYjYtOTFlZi00NGY1LWJmZWItMmEzOGNkMzk0YzhiIiwiY2xpZW50X3V1aWQiOiI0MDhhNTUyNi1hYjA0LTQwN2UtODkxOS01ZTM2YjhhYTBkMzciLCJpc19zYW5kYm94Ijp0cnVlLCJpc19zZWxmX3NlcnZpY2VfdHJpYWwiOmZhbHNlLCJpc190cmlhbCI6dHJ1ZSwicmVmIjoiKjovLyovKiIsInNhcmRpbmVfc2Vzc2lvbiI6IjhiZmYzMzQ1LTc5ZDktNDQ2NS05YTRkLTVhZTU3MzIyZjQ4YSIsImhhc191c2FnZV9wbGFuIjp0cnVlfSwidXVpZCI6InBsYXRmb3JtX3N0YXRpY19hcGlfdG9rZW5fdXVpZCIsInVybHMiOnsiZGV0ZWN0X2RvY3VtZW50X3VybCI6Imh0dHBzOi8vc2RrLm9uZmlkby5jb20iLCJzeW5jX3VybCI6Imh0dHBzOi8vc3luYy5vbmZpZG8uY29tIiwiaG9zdGVkX3Nka191cmwiOiJodHRwczovL2lkLm9uZmlkby5jb20iLCJhdXRoX3VybCI6Imh0dHBzOi8vYXBpLm9uZmlkby5jb20iLCJvbmZpZG9fYXBpX3VybCI6Imh0dHBzOi8vYXBpLm9uZmlkby5jb20iLCJ0ZWxlcGhvbnlfdXJsIjoiaHR0cHM6Ly9hcGkub25maWRvLmNvbSJ9fQ.MIGIAkIBablnLiiRUcSEG32GLhqVtfakCG_HpcAD0zJehbNXuox0OtOwUFyvy2jq1h3ZNtzk8lBKMK8ohu8cZPXsgXjW4HoCQgGVy4modd736SOy4ddmdGl7Q_7nZleon0etMHljCds0FFfJPEVwAEx1z82zaQiGYeJDt0RF9GKknnlL3rv6qItXWg',
  onComplete: function (data) {
    // callback for when everything is complete
    console.log('everything is complete')
  }
})