37590801?s=460&v=4

A software engineer who dreams about non-electric sheep and autonomous vehicles and likes to champion security.

Software Engineer

Dan Arias

Learn how to add login, logout, and sign-up to Vue.js using a plugin, how to create vue-router guards, and how to make secure API calls from a Vue.js app.

The Complete Guide to Vue.js User Authentication with Auth0

Learn how to create a Vue plugin to manage user authentication

How to Create a Vue Plugin

8e5a8216a606127a787669d99de86ee2?s=200 avatar

8e5a8216a606127a787669d99de86ee2?s=200

Carlos works to enable Auth0 customers to integrate with Auth0 using industry best practices.  He works to maximize both security and user experience in Authentication.

Senior Solutions Architect

Carlos Mostek

Learn how utilize SSO for your Disqus WordPress plugin for your blog comments using Auth0 for authentication on the blog.



---

**TL;DR** [Disqus](https://disqus.com/) is a great tool for adding interactivity through conversation and comments to your blog.  Integrating it with your WordPress site is really simple. The downside to Disqus is that it requires another set of credentials before users can interact with your site. Today, we'll show how to eliminate the need for users to log in twice with Auth0 and [Single Sign On (SSO)](https://resources.auth0.com/definitive-guide-to-single-sign-on/?utm_source=blog) for a better user experience.

[WordPress](https://wordpress.org/) makes it easy to create blogs and other media sites. It is one of the leading CMS systems out there, and allows developers to create powerful websites that users can engage with. The default comment capability from WordPress can be greatly improved through the addition of the [Disqus WordPress Plugin](https://wordpress.org/plugins/disqus-comment-system/). Disqus provides a really nice interface for tracking and interacting with users through comments and reviews.  The one downfall to Disqus is that it requires users to have a separate login alongside their WordPress credentials. That’s where SSO comes in. With SSO enabled for your Disqus account, your WordPress user accounts will automatically integrate with Disqus, enabling users to comment without having to log into Disqus as well as WordPress.

---

## Configuring Auth0 for WordPress
There’s already plenty of good information for how to set up the WordPress plugin for Auth0.  Simply follow [these steps](https://auth0.com/docs/cms) and you'll have Auth0 integrated in no time.

Make sure you get to the point where the [Lock](https://auth0.com/lock) widget is displayed when attempting to log in:

![Login Widget](https://images.ctfassets.net/23aumh6u8s0i/2zSJragABHJrsVl1jzNvHl/1855af78dfd595e9ba1a6cb7f078870e/login-widget)

> [Auth0 offers a generous **free tier**](https://auth0.com/pricing) to get started with modern authentication.

## Adding Disqus
To utilize Disqus, you need a Disqus account.  Signing up for an account will enable you to configure your applications to use Disqus. We’ll enable SSO for this primary account. Note, you can only configure one SSO domain, so if you have multiple sites, you may have to create a special account for each site.  I used my Auth0 email and set a password.  I then created this demo organization:

![Create New Disqus Site](https://images.ctfassets.net/23aumh6u8s0i/4H1JuAsG13KFacS5jfdlHu/940a79f1236683b9b7e294beeca18382/create-new-site)

With the settings updated, I clicked “Create Site”, then “Got it, let’s go”.  Finally, I chose “WordPress”, which got me to here:

![WordPress Plugin Install Instructions](https://images.ctfassets.net/23aumh6u8s0i/7tX6PYhP9hWJSs6of36rEN/d9c0c31f541245b2099778f3deb5ed64/wordpress-plugin-install-instructions)

Let’s configure Disqus for our WordPress site. Switch over to WordPress and install the Disqus WordPress plugin, and once installed, activate it:

![Disqus Comment System Plugin](https://images.ctfassets.net/23aumh6u8s0i/4MtUq11QnV4v6jrukLEDPn/8970d0b99bc9515417e5655ed25904a5/disqus-comment-system-plugin)

Once activated, let’s finish setting up Disqus:

1. Go to the “Settings” for Disqus under “Comments->Disqus” in your admin section of WordPress.
1. Click Upgrade.
1. Enter your Disqus account credentials.
1. Choose the website that you configured earlier.

At this point you should be able to log into your site. Go to a blog post, and see the default comment section replaced with Disqus.  Notice that you have to log into Disqus to be able to comment (if you don’t have to log in, you were probably already logged into Disqus, try logging out using the dropdown).

![SSO Not Working](https://images.ctfassets.net/23aumh6u8s0i/3yxuDX5ixmmU8DGKhQzk8b/7c84ab56b9ea63689fbedc90c57e7cf0/sso-not-working)

## Request SSO Functionality
Disqus requires a special setting to allow you to enable SSO.  You will need to contact Disqus support to enable the functionality. You can do that here.

For “What are the details?”, here is a quick and easy message that you can just copy and paste:

```text
I have a WordPress site that I am integrating with Disqus and I would like to have SSO enabled for that site so users don’t also have to put in their Disqus password.

Thanks,
Carlos
```

![Request SSO Form](https://images.ctfassets.net/23aumh6u8s0i/2fyHcbP7MaxCo6QDKWUTnk/778a56b35bcf102dca1f75220a3346ef/request-sso)
￼
Unfortunately, you will have to wait 24-48 hours until they enable SSO functionality for your account. While you wait, they will send you some additional details on how to set up SSO. There is a lot of good reading here and I suggest you check it out. We will use the SSO on [WordPress example](https://help.disqus.com/customer/portal/articles/1148635-setting-up-sso-on-wordpress).

## Configuring SSO
Once you get the email that SSO has been enabled, you can continue this tutorial. We’re only a few steps away from having SSO functionality up and running. Let’s get to it.

### Configure the SSO domain
Go to [the SSO configuration page](https://disqus.com/api/sso/):

![SSO Config](https://images.ctfassets.net/23aumh6u8s0i/5cou6qzs7cZIDJ0RQAq1iU/9b8a5034b932986451d695ea482edd3b/sso-config)

Here we will configure our SSO application. The information will be dependent on how you set up your application. In my case:

Enter Name: Disqus SSO Demo
Slug: mostekcm-disqus-sso-demo

### Configure your application
Go to [the registration page](http://disqus.com/api/applications/register/):

![Application Registration](https://images.ctfassets.net/23aumh6u8s0i/Yg8UoFOo2vbTh1B7jICdK/7c8b215eba768d7d57ff38a35158bd1d/application-config)

### Grab your API keys
On this page, copy your Secret and Public Keys:

![Disqus Keys](https://images.ctfassets.net/23aumh6u8s0i/6Y9gWto1TxH2bGyPHCob8b/3c2472448db971fa63959b65bd2d4563/disqus-keys)

### Configure WordPress
Back in WordPress, go to Comments->Disqus->Plugin Settings (far right tab).
Scroll down to the advanced section and paste the secret and public keys:

![WordPress Plugin SSO Config](https://images.ctfassets.net/23aumh6u8s0i/5M2vFFdFosyoWy3mNHvzcE/4946068d49290d9a548c78546911f0f6/wordpress-plugin-sso-config)

NOTE: Ensure that “Anyone can register” is set to true in General->Settings.

## Give It a Try!

Once you log into WordPress, you should now see that you are logged into Disqus as well when you go to enter a comment:

![SSO is Working](https://images.ctfassets.net/23aumh6u8s0i/cQoVXhw6JOdC9vQfSeJwc/734f501c39cc13d0bfa9e24a61b7ee23/sso-works)

That’s it! You now have SSO functionality for your WordPress sites. Users signing up and logging in will no longer be required to enter a second set of credentials to leave comments on your site.

## Conclusion
Today we saw how you can easily improve the user experience on your WordPress website with Disqus, Auth0, and Single Sign On (SSO). Lowering the barrier to entry for your users is always a plus, and not forcing them to enter another set of credentials to interact with your site is a big win here. If you are running WordPress applications and using Disqus for comments, Auth0 can save time implementing SSO. Give it a try today.

[Want to learn more about Single Sign-On? Get The Definitive Guide on SSO (74-page free eBook) here.](https://resources.auth0.com/definitive-guide-to-single-sign-on/?utm_source=blog)


Add SSO for Disqus on your WordPress Site with Auth0

42e2ec6a72627f8c15115e279a5f7d8e

Guest Author

Ben Schwarz

Introducing an official 'ember simple auth' add-on



<div class="alert alert-info alert-icon">
  <i class="icon-budicon-500"></i>
  <strong>Visit <a href="/blog/build-and-authenticate-an-emberjs-3-application/">Build and Authenticate an EmberJS 3 Application</a> to read our most up-to-date tutorial.</strong>
</div>

<div class="alert alert-danger alert-icon">
  <i class="icon-budicon-487"></i>
  <strong>This tutorial has been deprecated.</strong>
</div>

__TLDR;__ Install the add-on using ember-cli `ember install auth0-ember-simple-auth`, or checkout the generated [example application](https://github.com/auth0/auth0-ember-simple-auth/tree/master/examples/simple) to get started.

-------

At Auth0, we’re huge fans of [Ember](http://emberjs.com), the Javascript framework made famous for writing ambitious single page applications (also known as SPA).

Unfortunately, up until now our support and resources for Ember have not equalled our enthusiasm for it. Thankfully, starting today, we have some great news —

![Auth0 + Ember logos](https://images.ctfassets.net/23aumh6u8s0i/1OmRtzhY0B2pQjr7zmQvDF/042e08bfa6bceb14b1216c9b2af0594a/auth0-ember)

# Introducing an official 'ember simple auth' add-on

For those familiar with Ember, it might go without saying that “[ember-simple-auth](http://ember-simple-auth.com)” is the most popular authentication helper library around. It implements a strategy based plugin system that allows users to write their own custom authentication strategies.

That is exactly what one of our customers, [Aram Zadikian](https://github.com/brancusi) did, and thanks to his generosity, we’re able to share his fantastic work with you today!

We'll be maintaining `auth0-ember-simple-auth` on an ongoing basis, so you can rely on it to build your ember applications.

## What does it do?

`auth0-ember-simple-auth` is an Ember-cli add-on that uses [Lock](https://auth0.com/lock), and, after some simple configuration will allow you to sign up/in and out — protecting whichever pages you've specified in your router.

```
// app/routes/application.js

import Ember from 'ember';
import ApplicationRouteMixin from 'simple-auth/mixins/application-route-mixin';

export default Ember.Route.extend(ApplicationRouteMixin, {
  actions: {
    sessionRequiresAuthentication: function(){
      // Check out the docs for all the options:
      // https://auth0.com/docs/libraries/lock/customization

      // These options will request a refresh token and launch lock.js in popup mode
      var lockOptions = {authParams:{scope: 'openid'}};

      // This tells simple-lock to use our `auth0-ember-simple-auth` add-on
      this.get('session').authenticate('simple-auth-authenticator:lock', lockOptions);
    }
  }
});

```

Now that you have enabled your simple-auth strategy, its just a matter of importing the `AuthenticatedRouteMixin` from `ember-simple-auth` to lock down routes that need to be protected.

```
// app/routes/my-protected-route.js

import Ember from 'ember';
import AuthenticatedRouteMixin from 'simple-auth/mixins/authenticated-route-mixin';

export default Ember.Route.extend(AuthenticatedRouteMixin);
```

Now you've already got a secure single page application. Time to focus on writing your app!

![A sample application in use — Running through an authentication flow](https://images.ctfassets.net/23aumh6u8s0i/5QVfIyB3z912z95cgeJ8aw/31297f25190488606cf5508938904367/ember-simple-auth)

You can install & run the `auth0-ember-simple-lock` add-on, or, to fast forward to a fully working ember application (shown above), you can download the seed project from [your application dashboard](https://manage.auth0.com/#/applications).

We can't wait to see what you do with ember, make sure you [reach out on Twitter](https://twitter.com/auth0) with what you create.

✌️ Happy hacking!


"plugin"