<html> <head>
<title>U2F Registration</title> <style type="text/css"><!-- body { background: #00d2ff; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #3a7bd5, #00d2ff); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #3a7bd5, #00d2ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } body, html { color: #fff; font-family: monospace; } div.main { margin-left: auto; margin-right: auto; width: 60%; margin-top: 10%; } --></style>
</head> <body> <form method=“post”>
<input type="hidden" name="response">
</form>
<script type=“text/javascript”>
{{{u2fjs}}}
var appId = {{{app_id}}}; var registerRequests = {{{registration_requests}}}; var signRequests = {{{sign_requests.as_json}}};
u2f.register(appId, registerRequests, signRequests, function(registerResponse) {
var form, reg, response; if (registerResponse.errorCode) { return alert("Registration error: " + registerResponse.errorCode); console.log(registerResponse); } console.log(registerResponse); form = document.forms[0]; response = document.querySelector('[name=response]'); response.value = JSON.stringify(registerResponse); form.submit();
}); </script>
<div class=“main”> <h1>U2F Registration:</h1> <p>Insert your token and authenticate.</p> </div> </body> </html>