47 lines
1.9 KiB
JavaScript
47 lines
1.9 KiB
JavaScript
const elemSuccess = document.getElementById('webauthn_success');
|
||
const elemError = document.getElementById('webauthn_error');
|
||
const { startAuthentication } = SimpleWebAuthnBrowser;
|
||
const elemBegin_v = document.getElementById('webauthn_verify');
|
||
const username_input = document.getElementById('username');
|
||
const remember = document.getElementById('rememberMe');
|
||
|
||
elemBegin_v.addEventListener('click', async () => {
|
||
elemSuccess.innerHTML = '';
|
||
elemError.innerHTML = '';
|
||
elemSuccess.parentElement.hidden = true;
|
||
elemError.parentElement.hidden = true;
|
||
const username = encodeURIComponent(username_input.value);
|
||
const resp = await fetch(`index.php?r=user%2Frequest-assertion-options&username=${username}`);
|
||
let asseResp;
|
||
try {
|
||
asseResp = await startAuthentication(await resp.json());
|
||
} catch (error) {
|
||
elemError.innerText = error;
|
||
elemError.parentElement.hidden = false;
|
||
throw error;
|
||
}
|
||
const isChecked = remember.checked? 1 : 0;
|
||
const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
|
||
const verificationResp = await fetch(`index.php?r=user%2Fverify-assertion&is_login=1&remember=${isChecked}`, {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
'X-CSRF-Token': csrfToken
|
||
},
|
||
body: JSON.stringify(asseResp),
|
||
});
|
||
const verificationJSON = await verificationResp.json();
|
||
if (verificationJSON && verificationJSON.verified) {
|
||
elemSuccess.innerHTML = '登录成功！1s后跳转到首页';
|
||
elemSuccess.parentElement.hidden = false;
|
||
setTimeout(() => {
|
||
window.location.href = verificationJSON.redirectTo;
|
||
}, 1000);
|
||
|
||
} else {
|
||
elemError.innerHTML = `Oh no, something went wrong! Response: <pre>${JSON.stringify(
|
||
verificationJSON,
|
||
)}</pre>`;
|
||
elemError.parentElement.hidden = false;
|
||
}
|
||
}); |