Blizzard OAuth & OpenID connect Single Sign-On (SSO) | Blizzard SSO Login

Step 1: Setup Blizzard as OAuth Provider

• First of all, go to https://develop.battle.net/access and sign up/login in your account to Configure Blizzard.

• Click on the Create Client button.

• Fill in all the required details like Client Name, Redirect URI, Service URL. Enter your Redirect URI and Service URL which you will get from your miniOrange plugin present on your Client side under the CallBack URLs text-field. Then, click on the Save button.

• After saving your application, you will get Client ID and Client Secret. Save these details as we will be requiring these later to configure OAuth client plugin.



Blizzard Application Endpoints and Scope:




Client ID :	Click Here
Client Secret :	Click Here
Scope:	openid
Authorize Endpoint:	https://us.battle.net/oauth/authorize
Access Token Endpoint:	https://us.battle.net/oauth/token
Get User Info Endpoint:	https://us.battle.net/oauth/userinfo

Step 2: Setup WordPress as OAuth Client

• Go to the Configure OAuth tab in the Plugin and search for Custom OAuth in the applications list, and select Custom OAuth 2.0 App .

• Now, configure App Name, Client ID, Client Secret received from Blizzard Application and Click on Save Settings to save the configuration.

You have successfully configured WordPress as OAuth Client for achieving Blizzard login into your WordPress Site.

Step 3: User Attribute Mapping.

• User Attribute Mapping is mandatory for enabling users to successfully login into WordPress. We will be setting up user profile attributes for WordPress using below settings.

Finding user attributes

• Go to Configure OAuth tab. Scroll down and click on Test Configuration.

• You will see all the values returned by your OAuth Provider to WordPress in a table.

• Once you see all the values in Test Configuration, go to Attribute / Role Mapping tab, you will get the list of attributes in a Username dropdown.

Step 4: Login Settings / Sign In Settings.

• The settings in SSO Settings tab define the user experience for Single Sign On. To add a login widget on your WordPress page, you need to follow below steps.

Sign In Settings

• Go to WordPress Left Panel > Appearances > Widgets.
• Select miniOrange OAuth. Drag and drop to your favourite location and save.

• Go to your site-URL on private window and you will be able to see Login button with display name you have given.

• You have successfully logged in ,Now you will be able to access your WordPress profile.

Additional Resources

• What is OAuth 2.0?
• Blizzard as OAuth Provider / OpenID Connect
• Frequently Asked Questions (FAQs)