Follow the steps outlined here to set up auto-sign in for your pages of your website that are protected by Outseta.
Setting Up the Outseta Integration
Copy the public key from your Outseta account.
In Builtfirst, navigate to Marketplaces > Go to Marketplace > Settings > Embed.
Once on the Marketplace Embed page, paste your website's sign-in page link by clicking "+ Add Embed URL".
Then, adapt the example code below for your website and add it where you are currently embedding Builtfirst.
<html>
<head>
<script>
var o_options = {
domain: 'builtfirst-sandbox.outseta.com',
auth: {
authenticationCallbackUrl: 'http://localhost:8000/outseta.html'
}
};
var token;
function resetIframe(){
if(token){
var container = document.getElementById('builtfirst');
if(container && container.innerHTML === ''){
container.innerHTML = `<iframe src="https://[subdomain].builtfirst.com?jwt=${token}&provider=outseta" width="100%" height="1000px" style="border: 0px; margin:0px">`
}
}
}
function outseta_onload() {
Outseta.on('accessToken.set', function(user) {
token = Outseta.getAccessToken();
resetIframe()
})
document.onload=resetIframe
}
</script>
<script src="https://cdn.outseta.com/outseta.min.js"
data-options="o_options">
</script>
</head>
<body >
<a href="https://builtfirst-sandbox.outseta.com/auth?widgetMode=register#o-anonymous">Register</a>
<a href="https://builtfirst-sandbox.outseta.com/auth?widgetMode=login#o-anonymous">Login</a>
<a href="https://builtfirst-sandbox.outseta.com/profile#o-authenticated">Profile</a>
<a href="/#o-logout-link">Logout</a>
<br>
<div id="builtfirst"></div>
</body>
</html>
Finally, in Builtfirst, go to top right menu > Auto Join - JWT.
On the Auto-Join page:
Check the box next to "Force JWT Authentication"
Paste your website's sign-up page(for new users) in "External Sign Up URL"
Paste your website's log in page (for existing users) in "External Sign In URL"
Paste your public key from Outseta in the "Signature" box
