See the following sections for further information on front-end implementation of the JS Connector:
...
Initialise JS Connector with parameters
You need to provide an object containing key-value pairs of configuration data. See API Reference for doInit parameters.
| Code Block | ||||
|---|---|---|---|---|
| ||||
<html>
<head>
<script src="<connector-baseurl>/connector.bundle.min.js"></script>
<script>
function init() {
OIDC.doInit({
// Merchant given client ID on the OIDC service
// TODO: Replace this with your own!
client_id: 'your_client_id',
// Your callback URL that will receive the Authorization Grant response
// TODO: Replace this with your own!
redirect_uri: 'https://yourdomain.com/oidc/callback',
});
};
init();
</script>
</head>
<body>
</body>
</html> |
...
To start authentication call the window.OIDC.doConnect method. Typically, you do this when the user clicks a button, a link or even on loading of the page.
You need to provide parameters as an object containing key-value pairs. See API Reference for doConnect parameters.
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
OIDC.doConnect( { config: { login_hint: '', scope: 'openid profile' }, } ); |
You can provide a callback method that will be executed if you use method inline or window and follow this example on how to setup your redirect_uri callback page.
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
OIDC.doConnect( {
config: {
login_hint: '',
scope: 'openid profile'
},
callback: function (err, data) {
if ( err ) {
console.error( err );
}
else {
console.log( data );
}
}
} ); |
...