{"componentChunkName":"component---src-templates-blog-post-js","path":"/what-is-sso-and-how-to-enable-it-for-vuukle-comment-widget/","result":{"data":{"site":{"siteMetadata":{"title":"Vuukle Docs","author":"Vuukle"}},"markdownRemark":{"id":"1d50cc7f-6ce9-5619-ab0f-5d6721e34ee5","html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 202px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/4f9b5114996f63165d5b79259b19caad/2e687/what-is-sso-and-how-to-enable-it-for-vuukle-comment-widget-img_2.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 123.26732673267327%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAIAAAC+dZmEAAAACXBIWXMAAAsSAAALEgHS3X78AAADt0lEQVQ4y3WUe2xTVRzHz227wRXqxhDcAxHwD4OBhEdMNFliXEw0yD8m8g/EZIZgpuIyQQIkDGIMYmJQp6tzNlvXCgPcsO3IYA/WlT5uy9ggqIkBZ5dIFl/J3Lqlg917ztfzu+1GK+Xkl5vTc87n9/6VIXcJQd+zQ1hzEKwazxxF7890wgUeXCz7h8Hpe/wC2E7scaNNw44msF1wRe7f5ofTun/9E9ZqtEVpP2fQ98MuLK3BZOq+X3lg3VTcEsKKOlIk5a5OJ+P/Yuk76Pkpj/H/w5/3omJfji/Ts1hWi/PDD4OlN4IbdMNPabzyBG3kieC0SaZ4SS33DtPefCPyJ4zsC6T0nMwnZ1G0Fx0PtWzcw9QYSTJBMp1Ib8RUAjOJmX8SWz9I9MYS0BPG5CjmkmnN8/DtH9BYira18Kq4kEfueVXuV9FtRyfD9fdMVp+Hfw+goQTfVsCnIMoQeUDSh5oNFxl+PGomcwEej8FRCudq+GyIKIhYssSG+HIeYiKsIFZI8C+fmqlbgEf9aCiGswJdLNsyDzMjshjXN2OoHLHHoDFxifGRurTbspAmHDxAbrtWoDcHlq8RV3jMboxsMGLL9UghDzBj8LnAKPpvyf4TDNPjcG3A1+U4V4grGUxIFYPsdvOjoRPFhnTnmipuluIq4zFb3Vfu2jMT7/vwbqeEbzjwxTK0lqE7Y5bC09hfnkWbq94oeNGz93D9ubM1rWfe/r6j+lCru67BieHt0t0DfoPh/Daqk6cIAyYclqESfKdV3Vj1pn279/X9TV96Pv7EfbLx1LHdTf1HnA5cVoHJj/plzM6n0LQap1UEFwJWDJnzIKvfs3X9s9um2q2IMT6kSLfvao/sagwe+ab9mPePHR4JNz9JcHsWLJMctsiY39r5wsot1WMtxehR5gIFeqRA3k5eKXG59juDExOzEj79PBzl+M4uXyOqSBJXy3i8BH3seM2Wl195dbxtCZWtW0GACc1qyAd9RUjd4VTnSL1Zp8fRk4kZQ6swvA5hq7jIjC6LZDIeXWIYsIoBWa2XdBobzvD3TTjK0LwKnTYiqRlVjKzHjU1U4TAT1HPzlR+woYPhtxazTwyzSUKH8Jkd7lLqPmkkWkBarq2FpmbUmYlAvFDGgsuVEksPlgnrKfhew8nFFHmf2VhRS85gaFbEreR21xNI3jJBnu5tc+TnZjC4D40r0WyBl1GcobQXps1+BT55WEmjPk/m/A2Z46Whpwbup+FW0WmFnxHjX4LBKoy1y1HKJuX6Dw7jVulktkq7AAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"sso img\"\n        title=\"sso img\"\n        src=\"/static/4f9b5114996f63165d5b79259b19caad/2e687/what-is-sso-and-how-to-enable-it-for-vuukle-comment-widget-img_2.png\"\n        srcset=\"/static/4f9b5114996f63165d5b79259b19caad/2e687/what-is-sso-and-how-to-enable-it-for-vuukle-comment-widget-img_2.png 202w\"\n        sizes=\"(max-width: 202px) 100vw, 202px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<p><strong>Single sign-on</strong> (<strong>SSO</strong>) is an authentication process that allows a user to access multiple applications with one set of login credentials.</p>\n<p>If your site has authorization you can use SSO with Vuukle comment widget.</p>\n<p>Firstly email and <strong>secret</strong> apiKey are being hashed by SHA512 encryption:</p>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\">mous@email.com-07115720-6848-11e5-9bc9-002590f371ee</code></pre></div>\n<p>This gives us a signature:</p>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\">0C9C314E36B781786DA65F2CF7E30C7352655273786831314A9394A29277CEB59DB3005203A42F2DEA8A15A44630243E5B4F10C19AB0C7D703AC29D6C78A0180</code></pre></div>\n<p>General info and the signature are being encrypted by base64 (<strong>using UTF8 encoding</strong>):</p>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\">{ \"username\": \"Sample User Name\", \"email\": \"mous@email.com\", \"public_key\": \"ead41e46-a5fd-11e2-bc97-bc764e0492cc\", \"signature\":\n\"0C9C314E36B781786DA65F2CF7E30C7352655273786831314A9394A29277CEB59DB3005203A42F2DEA8A15A44630243E5B4F10C19AB0C7D703AC29D6C78A0180\" }</code></pre></div>\n<p>So the SSO token is generated:</p>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\">ewogICAgInVzZXJuYW1lIjogIlNhbXBsZSBVc2VyIE5hbWUiLAogICAgImVtYWlsIjogIm1vdXNAZW1haWwuY29tIiwKICAgICJwdWJsaWNfa2V5IjogImVhZDQxZTQ2LWE1ZmQtMTFlMi1iYzk3LWJjNzY0ZTA0OTJjYyIsCiAgICAic2lnbmF0dXJlIjogIjBDOUMzMTRFMzZCNzgxNzg2REE2NUYyQ0Y3RTMwQzczNTI2NTUyNzM3ODY4MzEzMTRBOTM5NEEyOTI3N0NFQjU5REIzMDA1MjAzQTQyRjJERUE4QTE1QTQ0NjMwMjQzRTVCNEYxMEMxOUFCMEM3RDcwM0FDMjlENkM3OEEwMTgwIgp9</code></pre></div>\n<p>And finally the token can be used to gain momentum and fully secured access to your account.</p>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\">(function() { var d = document, s = d.createElement('script'); s.onload = function()\n{vuukleLogin(\"ewogICAgInVzZXJuYW1lIjogIlNhbXBsZSBVc2VyIE5hbWUiLAogICAgImVtYWlsIjogIm1vdXNAZW1haWwuY29tIiwKICAgICJwdWJsaWNfa2V5IjogImVhZDQxZTQ2LWE1ZmQtMTFlMi1iYzk3LWJjNzY0ZTA0OTJjYyIsCiAgICAic2lnbmF0dXJlIjogIjBDOUMzMTRFMzZCNzgxNzg2REE2NUYyQ0Y3RTMwQzczNTI2NTUyNzM3ODY4MzEzMTRBOTM5NEEyOTI3N0NFQjU5REIzMDA1MjAzQTQyRjJERUE4QTE1QTQ0NjMwMjQzRTVCNEYxMEMxOUFCMEM3RDcwM0FDMjlENkM3OEEwMTgwIgp9\")};\ns.src = 'https://cdn.vuukle.com/platform.js'; (d.head || d.body).appendChild(s); })();</code></pre></div>\n<p><strong>How to disable Vuukle and social auth</strong></p>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\"><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>script</span><span class=\"token punctuation\">></span></span><span class=\"token script\"><span class=\"token language-javascript\">\n   <span class=\"token keyword\">var</span> <span class=\"token constant\">VUUKLE_CONFIG</span> <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n   \tapiKey<span class=\"token operator\">:</span> <span class=\"token string\">\"Place Your API Key Here\"</span><span class=\"token punctuation\">,</span>\n   \tarticleId<span class=\"token operator\">:</span> <span class=\"token string\">\"Generate Unique id for your article\"</span><span class=\"token punctuation\">,</span>\n   comments<span class=\"token operator\">:</span> <span class=\"token punctuation\">{</span>\n  \tauth<span class=\"token operator\">:</span> <span class=\"token punctuation\">{</span>\n\n  \t\tsso<span class=\"token operator\">:</span> <span class=\"token punctuation\">{</span>\n  \t\t\tonClick<span class=\"token operator\">:</span> login_from_vuukle <span class=\"token comment\">// some function to invoke for sso modal</span>\n  \t\t<span class=\"token punctuation\">}</span>\n  \t<span class=\"token punctuation\">}</span>\n   <span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n   <span class=\"token comment\">// ⛔️ DON'T EDIT BELOW THIS LINE</span>\n   <span class=\"token punctuation\">(</span><span class=\"token keyword\">function</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n  \t <span class=\"token keyword\">var</span> d <span class=\"token operator\">=</span> document<span class=\"token punctuation\">,</span>\n   \t\ts <span class=\"token operator\">=</span> d<span class=\"token punctuation\">.</span><span class=\"token function\">createElement</span><span class=\"token punctuation\">(</span><span class=\"token string\">'script'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n  \ts<span class=\"token punctuation\">.</span><span class=\"token function-variable function\">onload</span> <span class=\"token operator\">=</span> <span class=\"token keyword\">function</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span><span class=\"token function\">vuukleLogin</span><span class=\"token punctuation\">(</span><span class=\"token string\">\"ewogICAgInVzZXJuYW1lIjogIlNhbXBsZSBVc2VyIE5hbWUiLAogICAgImVtYWlsIjogIm1vdXNAZW1haWwuY29tIiwKICAgICJwdWJsaWNfa2V5IjogImVhZDQxZTQ2LWE1ZmQtMTFlMi1iYzk3LWJjNzY0ZTA0OTJjYyIsCiAgICAic2lnbmF0dXJlIjogIjBDOUMzMTRFMzZCNzgxNzg2REE2NUYyQ0Y3RTMwQzczNTI2NTUyNzM3ODY4MzEzMTRBOTM5NEEyOTI3N0NFQjU5REIzMDA1MjAzQTQyRjJERUE4QTE1QTQ0NjMwMjQzRTVCNEYxMEMxOUFCMEM3RDcwM0FDMjlENkM3OEEwMTgwIgp9\"</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n   s<span class=\"token punctuation\">.</span>src <span class=\"token operator\">=</span> <span class=\"token string\">'https://cdn.vuukle.com/platform.js'</span><span class=\"token punctuation\">;</span>\n  <span class=\"token punctuation\">(</span>d<span class=\"token punctuation\">.</span>head <span class=\"token operator\">||</span> d<span class=\"token punctuation\">.</span>body<span class=\"token punctuation\">)</span><span class=\"token punctuation\">.</span><span class=\"token function\">appendChild</span><span class=\"token punctuation\">(</span>s<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n   <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</span></span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>script</span><span class=\"token punctuation\">></span></span></code></pre></div>\n<p>This will help you to create smooth UX on your site.</p>\n<p> Also you need to set the SSO login type by using our dashboard. To do this you need to move to the “Moderation” page, open “Comments Widget” tab -> General and click on the “Set login method to SSO only” button  </p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 960px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/c8f4084c97fb809076a88fc6c3a69d79/b41cb/sso_only.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 55.833333333333336%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAAsSAAALEgHS3X78AAABi0lEQVQoz3WRu28UQQyH97+kpKQjHSAgVSigIFVSUBwvUdFyQoiGmiAEKCJSso/cIpAQl8uRnafH9hjv7sFFEKyfZj2e/Tz2uLh0+cp0Oj08Ksuyqqq6qmv9lFXZNE3btjNVczybtVXdHJV6eHxwcPj40WTycPLs6ZPi5t0HIsLMuuacmQZvsKyCJAHGLec+8scUKW7c2f22gC9z+LqUxQ9jz4yN6AIsu2A8OY8BNKGmzUiE2MvHZFycnyyLa1s771t58zm93uf6O0JKLuiKxjoA0PTKKLmqpXdyBPQRT392xea9XY1SisJJSeuTJkZkp+dEcpGtYb05sXQOOt+TLowwQdJiZdTF8LIrrm/tEIv1oNgoDwjIwiCS/3eztnZmXLFxe1uf17gVrA5593HGz/fyq315+UlefJCFHRv+DSccaoTi6q3752EbEhg7P4l7jbyter1rxITV5Naw/uz/gYeekSll9JlxQPj8bIl4DW9sbmtUgQikzagSUkpkQ/QRAPvtXz0jsT6njvMXDUNoeDbw+pcAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"sso only\"\n        title=\"sso only\"\n        src=\"/static/c8f4084c97fb809076a88fc6c3a69d79/d9199/sso_only.png\"\n        srcset=\"/static/c8f4084c97fb809076a88fc6c3a69d79/8ff5a/sso_only.png 240w,\n/static/c8f4084c97fb809076a88fc6c3a69d79/e85cb/sso_only.png 480w,\n/static/c8f4084c97fb809076a88fc6c3a69d79/d9199/sso_only.png 960w,\n/static/c8f4084c97fb809076a88fc6c3a69d79/07a9c/sso_only.png 1440w,\n/static/c8f4084c97fb809076a88fc6c3a69d79/b41cb/sso_only.png 1661w\"\n        sizes=\"(max-width: 960px) 100vw, 960px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>","frontmatter":{"title":"What is SSO and how to enable it for Vuukle comment widget","date":"May 01, 2017","category":"FAQ","tags":["how to","SSO"],"shortDescription":"Single sign-on (SSO) is an authentication process that allows a user to access multiple applications with one set of login credentials."}}},"pageContext":{"id":"1d50cc7f-6ce9-5619-ab0f-5d6721e34ee5"}}}