BradNut/node-auth
1
0
Fork 0
mirror of https://github.com/BradNut/node-auth synced 2025-09-08 17:40:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Moving UI and API to domain and subdomain.

Browse source
This commit is contained in:
Bradley Shellnut 2021-04-02 10:45:52 -07:00
parent e4adacf7c1
commit 1dd6892231
2 changed files with 98 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
Caddyfile
View file

@ -3,5 +3,9 @@
}
nodeauth.dev {
reverse_proxy 127.0.0.1:5000
}
api.nodeauth.dev {
reverse_proxy 127.0.0.1:3000
}

94
ui/index.html Normal file
View file

@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>Hello</h1>
<h3>Register Form</h3>
<form id="register-form">
<input type="email" name="email" />
<input type="password" name="password" />
<button type="submit">Register</button>
</form>
<br />
<hr />
<br />
<h3>Login Form</h3>
<form id="login-form">
<input type="email" name="email" />
<input type="password" name="password" />
<button type="submit">Login</button>
</form>
<br />
<hr />
<br />
<button onclick="logout()">Logout</button>
<script>
async function logout() {
try {
const res = await fetch('https://api.nodeauth.dev/api/logout', {
method: 'POST',
});
} catch (e) {
console.error(e);
}
}
(() => {
const registerForm = document.getElementById('register-form');
registerForm.addEventListener('submit', async (e) => {
e.preventDefault();
try {
const values = Object.values(registerForm).reduce((obj, field) => {
if (field.name) {
obj[field.name] = field.value;
}
return obj;
}, {});
const res = await fetch('https://api.nodeauth.dev/api/register', {
method: 'POST',
body: JSON.stringify(values),
headers: { 'Content-type': 'application/json; charset=UTF-8' },
});
console.log('values', values);
} catch (e) {
console.error(e);
}
});
// Find form element
const loginForm = document.getElementById('login-form');
// Wait for event
loginForm.addEventListener('submit', async (e) => {
e.preventDefault();
try {
// Get form values
const values = Object.values(loginForm).reduce((obj, field) => {
if (field.name) {
obj[field.name] = field.value;
}
return obj;
}, {});
// Submit
const res = await fetch('https://api.nodeauth.dev/api/authorize', {
method: 'POST',
body: JSON.stringify(values),
headers: { 'Content-type': 'application/json; charset=UTF-8' },
});
console.log('values', values);
} catch (e) {
console.error(e);
}
});
})();
</script>
</body>
</html>