authorizer-js/__test__/index.html at main · hmmhmmhm/authorizer-js

Repository navigation

History

100

101

102

<!DOCTYPE html>

<head>

<style>

body {

font-family: Verdana, Geneva, Tahoma, sans-serif;

padding: 50px;

}

.nav {

display: flex;

justify-content: space-between;

}

.show {

display: block;

}

.hide {

display: none;

}

.logout-link {

color: dodgerblue;

cursor: pointer;

}

</style>

</head>

<body>

<span id="logout" class="logout-link">logout</span>

</div>

</nav>

<br />

<h1>Hello World 👋</h1>

<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim

veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

commodo consequat. Duis aute irure dolor in reprehenderit in voluptate

velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat

cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id

est laborum.

</p>

<br />

<hr />

<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim

veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

commodo consequat. Duis aute irure dolor in reprehenderit in voluptate

velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat

cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id

est laborum.

</p>

const userSection = document.getElementById('user');

const logoutSection = document.getElementById('logout-section');

const logoutBtn = document.getElementById('logout');

const authorizerRef = new authorizerdev.Authorizer({

authorizerURL: 'http://localhost:8080',

redirectURL: window.location.origin,

clientID: 'eebf7546-93a1-4924-8e02-34b781131b7e',

});

logoutBtn.addEventListener('click', async function () {

await authorizerRef.logout();

window.location.href = '/';

});

async function onLoad() {

try {

const res = await authorizerRef.authorize({

response_type: 'code',

use_refresh_token: false,

});

if (res && res.access_token) {

// get user profile using the access token

const user = await authorizerRef.getProfile({

Authorization: `Bearer ${res.access_token}`,

});

console.log({ user });

logoutSection.classList.toggle('hide');

userSection.innerHTML = `Welcome, ${user.email}`;

}

} catch (err) {

console.error(err);

}

onLoad();

</script>

</body>

</html>

FilesExpand file tree

index.html

Latest commit

History

index.html

File metadata and controls