cancel
Showing results for 
Search instead for 
Did you mean: 

Setting up Guest Portal using Social Media Sign in - LinkedIn on SmartZone/vSmartZone

PraveenJacob
RUCKUS Team Member

Summary:

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

Question:

How is this different from traditional Guest Access authentication methods?

  • This method is designed for authenticating guest users logging in through the captive portal with their Social Media Accounts, such as Google, Facebook, LinkedIn and Twitter.

       Note: Guests must re-authenticate after the session ends.

Customer Environment:  

  • SmartZone/Virtual SmartZone [Essentials/High-Scale] (Controller), version 6.1. 0.0.935.
  • R610 (Access Point)

Setup Procedure:

  • In the vSZ/SZ GUI, navigate to ‘Security – Authentication’ and select ‘Non-Proxy (Social Login).

PraveenJacob_97-1654532953163.png 

  • Select your AP zone from the left-hand side menu and click on the ‘Create’ button.

PraveenJacob_98-1654533209278.png

  • Provide a name for your ‘Social Media Login Profile’. In this example, this is called ‘RuckusLinkedin’.

PraveenJacob_99-1654533340950.png

  • Select the click ‘here’ button to generate your LinkedIn Client ID and LinkedIn Secret.

PraveenJacob_100-1654533416506.png

  • This action will redirect you to your LinkedIn Developers account, which you will need to create your custom app. The URL is https://www.linkedin.com/developers/login.
  • Once authenticated to your LinkedIn account, please select the ‘Create App’ button under the ‘My Apps’ menu.

PraveenJacob_101-1654533490007.png

  • The first step to creating your own app is to provide an ‘App name*’ as shown in the image below. In this example, this is named ‘RuckusLinkedIn’. 

PraveenJacob_102-1654533525014.png

  • Next, select a “LinkedIn Page*” associated with your organization. In this test case, this is ‘Ruckus Networks’.

PraveenJacob_103-1654533566357.png

  • Next, we can upload a custom logo as required in the ‘App logo*’ section of the same page.
  • Use the ‘Upload a logo’ button.

PraveenJacob_104-1654533611666.png

  • The privacy policy URL is optional, and, in this example, this is left untouched.
  • Accept the ‘Legal Agreement’ and then click on the ‘Create App’ button.

PraveenJacob_105-1654533654056.png

  • The created app is now visible as seen below. Click on the ‘Verify’ button to complete the App verification process.

PraveenJacob_106-1654533686134.png

  • In the next window, click on the ‘Generate URL’ button under the ‘Verification URL’ tab.  

PraveenJacob_107-1654533782052.png

  • Click on the ‘I’m done’ button in the next window to complete the verification.

PraveenJacob_108-1654533823451.png

  • Select the ‘Auth’ tab and add the ‘Redirect URL’ for LinkedIn under the ‘Authorized redirect URLs for your app’ section.  
  • The redirect URL for LinkedIn is ‘https://ap.ruckus.com:9998/linkedinHandler’.
  • Click on ‘Update’ to complete this configuration.

PraveenJacob_109-1654533866046.png

  • Select the ‘Products’ tab and select the ‘Sign In with Linkedin’ product.

PraveenJacob_110-1654533909503.png

  • Complete this step by accepting the ‘Legal Agreement‘ and finish by clicking the ‘Add product’ button as shown below.

PraveenJacob_111-1654533958358.png

  • The ‘Added Product’ is now visible in the ‘Added Products’ section as shown below.

PraveenJacob_112-1654534016989.png

  • Select the ‘Auth’ tab and copy the ‘Client ID’ and ‘Client Secret’.

PraveenJacob_113-1654534065015.png

  • Input the copied ‘Client ID’ and ‘Client Secret’ onto the ‘Social Auth Options’ in the SZ/vSZ GUI.

PraveenJacob_114-1654534093558.png

  • Add the following domains to the list of the ‘Whitelisted Domain’ in the ‘Create Social Media Login Profile’.
  • *.linkedin.com
  • *.licdn.com

PraveenJacob_115-1654534150173.png

  • Next step is to create a ‘Guest Access’ portal under for our Guest users, under Services.

PraveenJacob_116-1654534238833.png

  • In this example, this is named “Guest_portal_123”. Click ‘Ok’ to save the Guest Access portal configuration.

PraveenJacob_117-1654534380443.png

  • Next, create the concerned ‘Guest Access’ WLAN for our Guest users.
  • In this example, the WLAN is named ‘Guest_Access_123’.
  • Select the following parameter for Authentication Options - Guest Access.
  • Select the required ‘Encryption Options’. In this example, WPA2 & Passphrase is deployed. 

PraveenJacob_118-1654534413331.png

  • Under ‘Guest Access Portal’ section in the ‘Create WLAN Configuration’ window select ‘Guest Access/Social Media Login’ and assign the ‘Social Media profile’ and ‘Guest Portal Service’ previously configured.  

PraveenJacob_119-1654534450799.png

  • For this example, all other settings including VLAN assignment for end-user devices are set to the default values.
  • Now, click ‘OK’.

Sample of client login page:

PraveenJacob_120-1654534481014.png

 

0 REPLIES 0