How to Set Up Facebook App ID and Configuration on Nebula?

Zyxel_Jami

This is a follow-up to 'How to Set Up Facebook Social Login?

Log in to Facebook
Before creating a developer account, log in to your Facebook account.
Create a Facebook account

Create Developer Account & Create Facebook APP
You'll need a Facebook developer account to get started. If you don't have one, upgrade your personal Facebook account to a Facebook Developer account now. Skip this step if you already have a developer account.
Create Developer Account

Create an application

Step 1. Enter the app details by providing the App Name and Contact Email, then click Next.

Step 2. In the Use Cases section, scroll down and select Other, then click Next.

Step3. Select an app type: Consumer

Step4. Create app

Enable Facebook Login under your Facebook App ID

Step1. Add products for Facebook login and set up

1. In the left sidebar, under Facebook Login, select Quickstart.
2. Select the web platform for this app.
3. Under Tell us about your website, enter https://nebula.zyxel.com/ as the Site URL and then click save.
4. In the left sidebar, under Facebook Login, select Settings.
   Toggle ON the following options: Client OAuth Login, Web OAuth Login, and Login from Devices. Then, in the Valid OAuth Redirect URIs field, enter the NAP loading website page URL:
   https://nap-slogin.nebula.zyxel.com/CP/THEMEX/fb_userdata.html
   P.S. The "X" in the URL refers to the SSID number that has Facebook social login configured.
   For example, if you have configured SSID 1 with Facebook social login, then the URL in the Facebook App should be: "https://nap-slogin.nebula.zyxel.com/CP/THEME1/fb_userdata.html"

Step2. Enter Basic App Information
Go to App Settings → Basic and fill in the required information as follows:

• Privacy Policy URL (required, must be publicly accessible)
  Add a Privacy Policy URL to declare your app’s privacy policy, which should explain what data you are collecting and how it will be used.
  In this example, we provide a link to Zyxel’s official privacy policy statement.
• User Data Deletion instructions or URL (required, must be publicly accessible)
  Facebook requires all apps to provide clear instructions on how users can request deletion of their data if they no longer wish for the app to retain or use it.
  

Setp3. Go Live and Testing
Switch the App Mode to Live to allow general users to log in.

Note: Facebook App ID Usage Restrictions

Please be aware that in order for general users (outside of the app’s owner) to successfully log in through Facebook, the App must pass Facebook’s required review processes, such as Business Verification and relevant App Review.

If the App remains in Development Mode, only accounts added as developers, testers, or administrators of the App can log in. All other users will be unable to authenticate due to insufficient permissions.

Therefore, when you plan to provide Facebook Login for visitors or customers in a live environment, please ensure that:

1. The App ID is switched to Live Mode.
2. The App has completed the required Business Verification.
   (Go to App Settings → Basic)
3. The Valid OAuth Redirect URIs are configured correctly.

Facebook App ID configuration on NCC
Add App ID on Configure > Access points > SSID advanced settings > Sign in method > Sign-on with Facebook, enter your APP ID, and then save.