Google- Guest Portal authentication using Social Media

[Ambika-leimapok]

Summary:

In this article, we will look at the steps involved in setting up Guest Portal authentication with Social Media Login, in this case via Google.

Network Environment:  

• SmartZone/Virtual SmartZone [Essentials/High-Scale] (Controller), version 6.1.1.0.x.
• R350 (Access Point)

Setup Procedure:

• In the vSZ/SZ GUI, navigate to ‘Network -> Wireless LANs’ and select ‘Create'.

• Name the WLAN, in my setup I named it as ‘SOCIAL_LOGIN’, Authentication Type as "Guest Access" and Method as "Open"

• Encryption Options is selected as 'Open' (but it can change based on requirement). 

• Under Guest Access Portal, select 'Social Media Login'
• In 'Social Media Profile' click '+'icon to create the profile

• Name the social media profile and in Social Auth Option turn 'ON' the toggle for Google and click the 'here' button

• If you click on “here” you will be redirect to Google APIs section of your Google account, login, accept terms of service and click on “+ Create Project”

• Enter Project Name and Location and click on Create.

• Once the project has been created, go to the OAuth consent screen, and select External and click Create

• Under App information, complete the following steps:

• For App name, enter the application name.

• For User support email, select an email address from the list.

• For Developer contact information, enter valid email address and click SAVE AND CONTINUE.

• In the Edit app registration > Scopes page, click SAVE AND CONTINUE.
• In the Edit app registration > Test users page, click SAVE AND CONTINUE.
• On the OAuth consent screen, click PUBLISH APP.

• In the Push to production dialog box, click Confirm.

• Under Publishing status, change the status to In production.

• Go to the Credentials page and click CREATE CREDENTIALS and select OAuth client ID.

• For Application type, select Web application and for Authorized redirect URIs, enter https://ap.ruckus.com:9998/googleHandler or http://ap.ruckus.com:9997/googleHandler

• Click Create. If successful, Google displays the Client ID and Client Secret, as shown in the following figure.

• The Google Client ID and Google Secret would be automatically filled once the above steps are performed

• Then add these Whitelisted Domains:*.geotrust.com, *.google.com, *.gstatic.com
• The next step is to create a 'Guest Portal Service' by clicking the '+' icon

• Enter the 'Portal name' and 'Save' (It can be modified based on requirement).

For this example, all other settings including VLAN assignment for end-user devices are set to the default values.

Next click 'OK'.

This configuration will be good to go ahead with Social Media login With Google.

Regards,

Leimapokpam Ambika