Breached password detection is a critical component of secure applications.    Read the white paper

FusionAuth logo
FusionAuth logo
  • Features
    FusionAuth Reactor

    FusionAuth Reactor is a powerful suite of features developed to extend FusionAuth's core functionality.

    • Flexible Architecture   Flexible Architecture
    • Auth the Way You Want It   Auth the Way You Want It
    • Security & Compliance   Security & Compliance
    • Ultimate Password Control   Ultimate Password Control
    • Customizable User Experience   Customizable User Experience
    • Advanced Registration Forms   Advanced Registration Forms
    • Built for Devs   Built for Devs
    • User Management & Reporting   User Management & Reporting
    • Scalability   Scalability
    • Single Sign-on   Single Sign-on
    • Breached Password Detection   Breached Password Detection
    • Connectors   Connectors
    • FusionAuth Reactor   FusionAuth Reactor
  • Pricing
    Cloud Pricing

    Let us host, monitor, manage, and maintain your deployments in your own private cloud.

    SEE PRICING cloud pricing   See FusionAuth Cloud Pricing
    Editions Pricing

    A powerful set of features with available support that extends FusionAuth's core functionality.

    SEE PRICING edition pricing   See FusionAuth Edition Pricing
    Editions + Cloud

    FusionAuth will handle everything so you can get back to building something awesome.

    GET STARTED Get started
  • Docs
  • Downloads
  • Resources
    FusionAuth Resources
    • Upgrade from SaaS
    • Upgrade from Open Source
    • Upgrade from Home Grown
    • Blog   Blog
    • Forum   Forum
    • Community & Support   Community & Support
    • Customer & Partners   Customers & Partners
    • Video & Podcasts   Videos & Podcasts
    • Getting Started   Getting Started
  • Expert Advice
    Expert Advice for Developers

    Learn everything you need to know about authentication, authorization, identity, and access management from our team of industry experts.

    • Authentication   Authentication
    • CIAM   CIAM
    • Identity Basics   Identity Basics
    • OAuth   OAuth
    • Security   Security
    • Tokens   Tokens
    • Dev Tools   Dev Tools
  • Account
Navigate to...
  • Welcome
  • Getting Started
  • 5-Minute Setup Guide
  • Reactor
  • Core Concepts
    • Overview
    • Users
    • Roles
    • Groups
    • Registrations
    • Applications
    • Tenants
    • Identity Providers
    • Authentication and Authorization
    • Integration Points
    • Roadmap
  • Installation Guide
    • Overview
    • System Requirements
    • Server Layout
    • Cluster
    • Docker
    • Fast Path
    • Kickstart™
    • Homebrew
    • Packages
    • Database
    • FusionAuth App
    • FusionAuth Search
    • Securing
    • Upgrading
  • APIs
    • Overview
    • Authentication
    • Errors
    • Actioning Users
    • Applications
    • Audit Logs
    • Connectors
      • Overview
      • Generic
      • LDAP
    • Consent
    • Emails
    • Event Logs
    • Families
    • Forms
    • Form Fields
    • Groups
    • Identity Providers
      • Overview
      • Apple
      • Facebook
      • Google
      • HYPR
      • LinkedIn
      • Twitter
      • OpenID Connect
      • SAML v2
      • External JWT
    • Integrations
    • JWT
    • Keys
    • Lambdas
    • Login
    • Passwordless
    • Registrations
    • Reports
    • System
    • Tenants
    • Themes
    • Two Factor
    • Users
    • User Actions
    • User Action Reasons
    • User Comments
    • Webhooks
  • Client Libraries
    • Overview
    • Dart
    • Go
    • Java
    • JavaScript
    • .NET Core
    • Node
    • PHP
    • Python
    • Ruby
    • Typescript
  • Themes
    • Overview
    • Localization
    • Examples
  • Email & Templates
    • Overview
    • Configure Email
    • Email Templates
  • Events & Webhooks
    • Overview
    • Events
    • Writing a Webhook
    • Securing Webhooks
  • Example Apps
    • Overview
    • Go
    • Java
    • JavaScript
    • .NET Core
    • PHP
    • Python
    • Ruby
  • Lambdas
    • Overview
    • Apple Reconcile
    • External JWT Reconcile
    • Facebook Reconcile
    • Google Reconcile
    • HYPR Reconcile
    • JWT Populate
    • LDAP Connector Reconcile
    • LinkedIn Reconcile
    • OpenID Connect Reconcile
    • SAML v2 Populate
    • SAML v2 Reconcile
    • Twitter Reconcile
  • Identity Providers
    • Overview
    • Apple
    • Facebook
    • Google
    • HYPR
    • LinkedIn
    • Twitter
    • OpenID Connect
      • Overview
      • Azure AD
      • Github
      • Discord
    • SAML v2
      • Overview
      • ADFS
    • External JWT
      • Overview
      • Example
  • Connectors
    • Overview
    • Generic Connector
    • LDAP Connector
    • FusionAuth Connector
  • Integrations
    • Overview
    • CleanSpeak
    • Kafka
    • Twilio
  • OpenID Connect & OAuth 2.0
    • Overview
    • Endpoints
    • Tokens
  • SAML v2 IdP
    • Overview
    • Google
    • Zendesk
  • Plugins
    • Writing a Plugin
    • Password Encryptors
  • Guides
    • Overview
    • Advanced Registration Forms
    • Breached Password Detection
    • Migration
    • Passwordless
    • Securing Your APIs
    • Silent Mode
    • Single Sign-on
  • Tutorials
    • Overview
    • Setup Wizard & First Login
    • Register/Login a User
    • Migrate Users
    • JSON Web Tokens
    • Authentication Tokens
    • Start and Stop FusionAuth
    • Switch Search Engines
    • User Account Lockout
    • Two Factor
  • Reference
    • CORS
    • Configuration
    • Data Types
    • Known Limitations
    • Password Encryptors
  • Release Notes
  • Troubleshooting

Facebook Identity Provider | Login with Facebook

Overview

Adding a Login with Facebook button to FusionAuth is simple, and this guide will walk you through the steps necessary to collect the credentials from Facebook in order to enable this Social login.

  • Create a Facebook Account

  • Add a Facebook Application

  • Create a Facebook Identity Provider

  • Building Your Own Integration


Once you have completed this configuration you will be able to enable the Facebook login button for one or more FusionAuth Applications. Below is an example login page with the Facebook Identity Provider enabled.

Facebook Login

Create a Facebook Account

If you do not yet have a Facebook account, go ahead and do that first. If you need help with this step, ask your kids.

  • https://www.facebook.com/

Add a Facebook Application

In order to enable the Login with Facebook option in FusionAuth we’ll need to add a Facebook application. Follow the provided link or navigate to your Facebook developer account to continue.

  • https://developers.facebook.com/apps/

Create a new App Id

Click on the Add a new App button to create a new Facebook application. The application Display Name will be shown to users when they log into FusionAuth using Facebook. Complete this form and click the Create App ID button.

Add new Facebook Application

Configure Facebook Login

In order to enable Facebook login for this newly created Application, add the Facebook Login product to this application. The Add a Product is likely the first page you’ll see after creating the Application, but if not find the Products + or Add Product section and find the Facebook Login tile and click Set Up.

You’ll now have the Facebook Login product listed under the Products section of your application. Click on the Settings sub-menu of the Facebook Login section in the left navigation. Review this page to ensure it meets your security requirements, however the default Client OAuth Settings should be sufficient.

If the Valid OAuth Redirect URIs field is empty no further configuration is required. However, if wish to restrict the use of this Facebook configuration based upon URL or you have already configured one or more redirect URIs then you will need to ensure the FusionAuth URL is added to this list.

For example, if you are going to access FusionAuth at the url https://login.piedpiper.com then you will need to add this URL to the Valid OAuth Redirect URIs configuration.

Configure Facebook Login

Collect App ID and App Secret

To complete the configuration you will need to collect the App ID and the App Secret to use in the FusionAuth configuration. To find these values, navigate to Settings → Basic in the left navigation.

You can either record these values now, or keep this page open so you can copy and paste these values during the next step in FusionAuth.

Add the top level domain of your application in the App Domains field, in this example I have added piedpiper.com because my application login will originate from https://login.piedpiper.com.

Note that status of this application shows OFF, to make this application public you will need to change the status which will require a few other settings that Facebook will prompt you to complete. However you may use this application to login while in this state.

Facebook App Basic Settings

Create a Facebook Identity Provider

The last step will be to create a Facebook Identity Provider in FusionAuth. To create an Identity Provider navigate to Settings → Identity Providers and click Add provider and select Facebook from the dialog.

This will take you to the Add Facebook panel, and you’ll fill out the App Id and App Secret required fields using the values from the Facebook console. The button text is also required but it will be defaulted to Login with Facebook, you may optionally modify this default value.

To enable this identity provider for an application, find your application name in the Applications configuration section at the bottom of this panel. You will always see the FusionAuth application, this application represents the FusionAuth administrative user interface. If you wish to be able to log into FusionAuth with this provider, you may enable this application.

In the following screenshot you will see that we have enabled this login provider for the Pied Piper application and enabled Create registration. Enabling create registration means that a user does not need to be manually registered for the application prior to using this login provider.

For example, when a new user attempts to log into Pied Piper using Facebook, if their user does not exist in FusionAuth it will be created dynamically, and if the Create registration toggle has been enabled, the user will also be registered for Pied Piper and assigned any default roles assigned by the application.

If you do not wish to automatically provision a user for this Application when logging in with Facebook, leave Create registration off. You will need to manually register a user for this application before they may Sign in with Facebook.

That’s it, now the Sign in with Facebook button will show up on the login page for the Pied Piper application.

Add Facebook

Form Fields

App Id Required

The Facebook App ID found in your Facebook application settings in the App ID field.

App secret Required

The Facebook App Secret found in your Facebook application settings in the App Secret field.

Button text Required

The text to be displayed in the button on the login form. This value is defaulted to Login with Facebook but it may be modified to your preference.

Fields Optional defaults to email

This optional field defines the fields you’re requesting from the user during login. See the Facebook Graph API documentation for further information.

If this field is omitted it will be defaulted to email, this field is the minimum required to complete login. This field is not defaulted on update, if the field is left blank during an edit.

You may want to request additional fields such as name and birthday. Here is an example to request multiple fields: email,name,first_name,last_name,birthday

Permissions Optional defaults to email

This optional field defines the permissions you’re requesting from the user during login. See the Facebook Login API documentation for further information.

If this field is omitted it will be defaulted to email, this field is the minimum required to complete login. This field is not defaulted on update, if the field is left blank during an edit.

Reconcile lambda Optional Available since 1.17.0

A lambda may be utilized to map custom claims returned from Facebook.

To configure a lambda, navigate to Settings → Lambdas.

Debug enabled Optional defaults to false

Enable debug to create an event log to assist you in debugging integration errors.

Building Your Own Integration

If you are building your own login experience, you’ll want to start the identity provider flow yourself and then complete the login.

You might do this if you are using the Login API rather than using the hosted FusionAuth login pages.

Completing the login is documented further in the API.

Feedback

How helpful was this page?

See a problem?

File an issue in our docs repo

Quick Links

  • Download
  • Cloud Pricing
  • Editions Pricing
  • Contact Us
  • Jobs (come work with us)
  • My Account

Resources

  • Docs
  • Blog
  • Community & Support
  • Upgrade from SaaS
  • Upgrade from Homegrown
  • Upgrade from Open Source

Everything Else

  • Privacy Policy
  • Product Privacy Policy
  • License
  • License FAQ
  • Enterprise Sales FAQ
  • Security (contact, bug bounty, etc)
  • Technical Support

Connect with Us

logo
Subscribe for Updates
We only send dev friendly newsletters. No marketing fluff!
© 2021 FusionAuth