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 Facebook.
Test Environment:
- SmartZone/Virtual SmartZone [Essentials/High-Scale] (Controller), version 6.1.1.x.
- R350 (Access Point)
Setup Procedure:
- In the vSZ/SZ GUI, navigate to ‘Network -> Wireless LANs’ and select ‘Create'.
Create the Guest WLAN.
Below example using WLAN name as "SOCIAL_MEIDA" and 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' Facebook and click the 'here' button
It will redirect to the Facebook Developer account.
Alternatively, we can use the https://developers.facebook.com --> My Apps
Next, log in with your Facebook credentials and select 'Create App'
Select App Type as 'Consumer' and provide a name on Display name (Here example is 'Social-Media').
Then click 'Create App'
Next in 'Settings' --> 'Basic' update the below information:
1. Privacy Policy URL: https://support.ruckuswireless.com/privacy_policy
2. User data deletion: https://support.ruckuswireless.com/privacy_policy
3. If needed update 'App Icon' and 'Category'
4. Website: https://support.ruckuswireless.com/
Then Add Product --> 'Facebook Login'
In Facebook Login, navigate to Settings and update the below:
1. Valid OAuth Redirect URIs: https://ap.ruckus.com:9998/facebookHandler
2. Login from Devices -> Yes
Next in App Review --> 'Permissions and Features' --> 'public_profile' --> select 'Get advanced access'
Finally, make the App Mode --> 'Live'
Now on SmartZone 'Social Media Profile' the Update the 'Facebook Client ID' and 'Facebook Secret' in Social Auth Option.
Then add the below Whitelisted Domains:
1. *.facebook.com
2. fbcdn-profile-a.akamaihd.net
3. fstatic-a.akamaihd.net
4. *.fbcdn.net
The next step is to create a 'Guest Portal Service' by clicking the '+' icon
Type 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 using Facebook.
Regards,
Francis Borah
