What is SSO and how to enable it for Vuukle comment widget

Updated over a month ago

Single sign-on (SSO) is an authentication process that allows a user to access multiple applications with one set of login credentials.

If your site has authorization you can use SSO with the Vuukle comment widget.

Firstly email and secret apiKey are being hashed by SHA512 encryption:

mous@email.com-07115720-6848-11e5-9bc9-002590f371ee

This gives us a signature:

0C9C314E36B781786DA65F2CF7E30C7352655273786831314A9394A29277CEB59DB3005203A42F2DEA8A15A44630243E5B4F10C19AB0C7D703AC29D6C78A0180

General info and the signature are being encrypted by base64 (using UTF8 encoding):

{ "username": "Sample User Name", "email": "mous@email.com", "public_key": "ead41e46-a5fd-11e2-bc97-bc764e0492cc", "signature":
"0C9C314E36B781786DA65F2CF7E30C7352655273786831314A9394A29277CEB59DB3005203A42F2DEA8A15A44630243E5B4F10C19AB0C7D703AC29D6C78A0180" }

So the SSO token is generated:

ewogICAgInVzZXJuYW1lIjogIlNhbXBsZSBVc2VyIE5hbWUiLAogICAgImVtYWlsIjogIm1vdXNAZW1haWwuY29tIiwKICAgICJwdWJsaWNfa2V5IjogImVhZDQxZTQ2LWE1ZmQtMTFlMi1iYzk3LWJjNzY0ZTA0OTJjYyIsCiAgICAic2lnbmF0dXJlIjogIjBDOUMzMTRFMzZCNzgxNzg2REE2NUYyQ0Y3RTMwQzczNTI2NTUyNzM3ODY4MzEzMTRBOTM5NEEyOTI3N0NFQjU5REIzMDA1MjAzQTQyRjJERUE4QTE1QTQ0NjMwMjQzRTVCNEYxMEMxOUFCMEM3RDcwM0FDMjlENkM3OEEwMTgwIgp9

And finally the token can be used to gain momentum and fully secured access to your account.

(function() { var d = document, s = d.createElement('script'); s.onload = function()
{vuukleLogin("ewogICAgInVzZXJuYW1lIjogIlNhbXBsZSBVc2VyIE5hbWUiLAogICAgImVtYWlsIjogIm1vdXNAZW1haWwuY29tIiwKICAgICJwdWJsaWNfa2V5IjogImVhZDQxZTQ2LWE1ZmQtMTFlMi1iYzk3LWJjNzY0ZTA0OTJjYyIsCiAgICAic2lnbmF0dXJlIjogIjBDOUMzMTRFMzZCNzgxNzg2REE2NUYyQ0Y3RTMwQzczNTI2NTUyNzM3ODY4MzEzMTRBOTM5NEEyOTI3N0NFQjU5REIzMDA1MjAzQTQyRjJERUE4QTE1QTQ0NjMwMjQzRTVCNEYxMEMxOUFCMEM3RDcwM0FDMjlENkM3OEEwMTgwIgp9")};
s.src = 'https://cdn.vuukle.com/platform.js'; (d.head || d.body).appendChild(s); })();

How to disable Vuukle and social auth

<script>
   var VUUKLE_CONFIG = {
   	apiKey: "Place Your API Key Here",
   	articleId: "Generate Unique id for your article",
   comments: {
  	auth: {

  		sso: {
  			onClick: login_from_vuukle // some function to invoke for sso modal
  		}
  	}
   };
   // ⛔️ DON'T EDIT BELOW THIS LINE
   (function() {
  	 var d = document,
   		s = d.createElement('script');
  	s.onload = function() {vuukleLogin("ewogICAgInVzZXJuYW1lIjogIlNhbXBsZSBVc2VyIE5hbWUiLAogICAgImVtYWlsIjogIm1vdXNAZW1haWwuY29tIiwKICAgICJwdWJsaWNfa2V5IjogImVhZDQxZTQ2LWE1ZmQtMTFlMi1iYzk3LWJjNzY0ZTA0OTJjYyIsCiAgICAic2lnbmF0dXJlIjogIjBDOUMzMTRFMzZCNzgxNzg2REE2NUYyQ0Y3RTMwQzczNTI2NTUyNzM3ODY4MzEzMTRBOTM5NEEyOTI3N0NFQjU5REIzMDA1MjAzQTQyRjJERUE4QTE1QTQ0NjMwMjQzRTVCNEYxMEMxOUFCMEM3RDcwM0FDMjlENkM3OEEwMTgwIgp9")};
   s.src = 'https://cdn.vuukle.com/platform.js';
  (d.head || d.body).appendChild(s);
   })();
</script>

This will help you to create smooth UX on your site.

Also, you need to set the SSO login type by using our dashboard. To do this you need to move to the “Site Settings” page, open the “Comment Widget” subpage -> “Login Settings” and click on the “Set login method to SSO only” button

An example how to log in via SSO

For logging in you should:

1.Click on “Sign up to post” button under the comment box

2.There you may see different log in types. Choose the one you want and fill the credentials.

3.After filling credentials you are logged in

An example how to log out from SSO

For loggining out you should do the following steps:

1.Go to the top of the article and click on avatar icon on the right

2.Clicking on avatar icon you may see “Log out” button. Click on “Log out” button to be logged out

Need help with Vuukle?🤔

This is the place you are looking for!

What is SSO and how to enable it for Vuukle comment widget