Manage JavaScript SDK single sign-on for the registration APIs
The content on this page deals with single sign-on (SSO) using the JavaScript SDK. Due to changes in web browser technology, including the fact that most browsers prohibit the use of third-party cookies, SSO using the JavaScript SDK is no longer available to new Identity Cloud customers. (However, we will continue to support existing customers who use this methodology.) If single sign-on is important to you we recommend that you use An introduction to Hosted Login for your login and registration needs. See our Getting Started Guide to learn more about how single sign-on is implemented in Hosted Login.
This article details how to implement the Single Sign-On (SSO) solution for a family of websites using Identity Cloud APIs.
Load the SSO library
Akamaiprovides a library to enable SSO for Registration API implementations. You need to load this file on any page you wish to enable for SSO.
Load this file either by directly importing the contents from the link above, or by adding a script tag like this:
<script src="http://d1v9u0bgi1uimx.cloudfront.net/static/sso\_lite.js"type="text/javascript">
</script>
Set up XD receiver URLs
Each site needs to host a static XD receiver (cross-domain receiver) page, which is used to securely pass the token to the token_uri through JavaScript (this page is never visible to the end user). The XD receiver page for each site should reside on the same domain as the main site or Single Sign-On might not work in some browsers.
The following code must be included on the XD receiver page:
<html>
<script src="https://d1lqe9temigv1p.cloudfront.net/js/lib/xdcomm.js"type="text/javascript">
</script>
</html>
Check for an existing SSO session
On page load, run the check_session method to initiate login if the user session already exists. The check_session method takes three parameters: a config object, the supported segments list, and the segment to set.
Parameters for check_session
Parameter | Required | Description |
---|---|---|
config | ✓ | Object that contains the application and SSO settings to check against. |
supported_segments | Dash-separated list of segments that the current site is allowed to federate with using SSO. This parameter corresponds to the janrain.settings.capture.federateSupportedSegments JavaScript setting used in Registration UI implementations. | |
Segment | String that specifies which segment the current site belongs in. This parameter corresponds to the janrain.settings.capture.federateSegment JavaScript setting used in Registration UI implementations. |
Parameters for check_session config object
Parameter | Required | Description |
---|---|---|
client_id | ✓ | Capture client ID making the request. |
flow_name | ✓ | Name of the flow you want to use. This parameter corresponds to the janrain.settings.capture.flowName JavaScript setting used in Registration UI implementations. |
flow_version | ✓ | Version number of the flow set in the flow parameter. This parameter corresponds to the janrain.settings.capture.flowVersion JavaScript setting used in Registration UI implementations. Noe that you can't use HEAD as the flow version. |
locale | ✓ | Language code. This parameter corresponds to the janrain.settings.language JavaScript setting used in Registration UI implementations. |
redirect_uri | ✓ | Address used to make the redirect for any functions called. This parameter corresponds to the janrain.settings.capture.redirectUri JavaScript setting used in Registration UI implementations. |
sso_server | ✓ | Fully-qualified URL of the SSO server. |
xd_receiver | ✓ | Fully-qualified URL of the cross-domain receiver for this site. |
bp_channel | Backplane channel ID. The default value is an empty string. | |
capture_success | Function to call on successful SSO session initiation. | |
capture_error | Function called when a Capture error occurs. | |
callback_success | Function to call on successful set_session. | |
callback_failure | Function to call on failed set_session. | |
logout_uri | Fully-qualified URL of the logout page for the site. The default value is undefined. | |
refresh | Indicates whether the site should refresh login with Capture even if user currently has an active session. The default value is false. | |
response_method | Values are JSONP (the default value) or redirect. | |
response_type | Values are code or token. The default value is token. |
Example:
JANRAIN.SSO.check_session(
{
client_id:"capture_client_id",
flow_name:"my_flow_name",
flow\version:"20160100000000000000",
locale:"en-US",
redirect_uri:"http://localhost/",
sso_server:"https://my_sso_server.janrainsso.com",
xd_receiver:"http://my_xdr_URL",
capture_success:function(data){
//Start session here
},
},
'segment1-segment2',
'segment1'
);
Handle check_session response
If a user’s session is found the user’s access token and any profile attributes included in the userData object in the flow are available from the capture_success parameter:
{
"data": {
"stat": "ok",
"result": {
"status": "success",
"statusMessage": "gotSSOCode",
"transactionId": "12345678",
"action": "ssoSignin",
"oneTime": false,
"userData": {
"email": "testuser@domain.com",
"displayName": "User Name",
"uuid": "12345678"
},
"keepMeLoggedIn": false,
"accessToken": "1a1a1a1q",
"ssoImplicitLogin": true,
"renders": false
}
}
}
If the user doesn't have an existing session, authenticate the user using one of the following API calls:
- oauth/auth_native
- oauth/auth_native_traditional
- oauth/register_native
- oauth/register_native_traditional
Sample response:
{
"capture_user": {
"created": "2016-04-20 17:02:18.649505 +0000",
"uuid": "67890def-6789-defg-6789-67890defgh67",
// additional profile data...
},
"is_new": false,
"stat": "ok",
"access_token": foo
"sso_code": bar
}
Create an SSO session
Using the sso_code returned from a successful authentication, run the set_session method.
JANRAIN.SSO.set_session("bar");
Parameters for set_session
Parameter | Required | Description |
---|---|---|
sso_code | ✓ | Capture SSO code reference. |
End an SSO session
After logging the user out, run end_session to attempt to log the user out of all sites they're logged in to.
The logout feature is best-attempt, as the function relies on an open browser to complete the logout. Because this is a client-side solution and a user might close their browser before all of the logouts can be called, the user might remain logged in to some sites.
If you want to ensure a full sign-out action you might need to implement a custom server-side solution that manages a user’s SSO sessions.
JANRAIN.SSO.end_session();
Parameters for end_session
Parameter | Required | Description |
---|---|---|
callback | ✓ | Function to be called instead of redirecting to logout_uri. |
Updated over 1 year ago