not traking certs folder

2024-12-13 15:02:02 +01:00
parent 010896e39a
commit 42b624dc5a
4 changed files with 98 additions and 0 deletions
--- a/app-code/api/login/test.html
+++ b/app-code/api/login/test.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Passkey Login</title>
+</head>
+<body>
+    <h1>Passkey Login</h1>
+    <form id="register-form">
+        <button type="button" id="register">Register Passkey</button>
+    </form>
+    <form id="login-form">
+        <button type="button" id="login">Login with Passkey</button>
+    </form>
+
+    <script>
+        async function registerPasskey() {
+            const res = await fetch('/registration.php');
+            const options = await res.json();
+
+            // Convert the challenge and user ID to ArrayBuffer
+            options.challenge = new Uint8Array(Object.values(options.challenge)).buffer;
+            options.user.id = new Uint8Array(Object.values(options.user.id)).buffer;
+
+            const credential = await navigator.credentials.create({ publicKey: options });
+            console.log(credential);
+        }
+
+        async function loginPasskey() {
+            const res = await fetch('/login.php');
+            const options = await res.json();
+
+            // Convert challenge to ArrayBuffer
+            options.challenge = new Uint8Array(Object.values(options.challenge)).buffer;
+
+            const assertion = await navigator.credentials.get({ publicKey: options });
+            console.log(assertion);
+        }
+
+        document.getElementById('register').addEventListener('click', registerPasskey);
+        document.getElementById('login').addEventListener('click', loginPasskey);
+    </script>
+</body>
+</html>