Authing DocsDocuments
Concept
Guides
Development Integration
Application integration
Concept
Guides
Development Integration
Application integration
Old Version
Guides
  • Quick start

  • Authenticate the user

  • Authority management for users

  • Authorization

  • Manage user accounts

  • Manage User Directory

  • Management Application

  • Become a source of federal authentication identity

  • Connect to an external identity provider (IdP)

    • Social Identity Provider

      • WeChat QR Code on PC
      • Mini Program QR Code on PC
      • WeChat Official Accounts QR Code
      • Mobile App Use WeChat Login
      • Mobile App Use WeChat Mini Program Login
      • WeChat Web Page
      • WeChat Mini Program
      • Tencent QQ
      • Sina Weibo
      • GitHub
      • Facebook
      • Twitter
      • Google
      • Apple Mobile
      • Apple Web
      • Alipay
      • Slack
      • Gitee
      • GitLab
      • Baidu
      • NetEase YIDUN
      • QingCloud
      • Instagram
      • LinkedIn
    • Enterprise Identity Provider

    • Custom database

  • Open up WeChat ecology
  • Migrate users to Authing

  • Management organization

  • Expandable capabilities

  • Audit Log

  • Configure security information

  • Configure user pool information

  • Deployment plan

  • Frequently Asked Questions FAQs

  1. Guides
  2. /
  3. Connect to an external identity provider (IdP)
  4. /
  5. Social Identity Provider
  6. /
  7. Facebook

¶ Facebook Social Login

Update Time: 2022-08-25 13:39:50
Edit

¶ Introduce

  • Overview:Facebook social login is the secure login of a third-party application or website by a user using Facebook as the identity source. By configuring and enabling Facebook's social login in Authing, you can quickly obtain basic open Facebook information through Authing and help users achieve password-free login.
  • Application scenarios:PC Website
  • End-User Preview:

¶ Precautions:

  • If you do not have an Instagram account, please go to Instagram Open Platform (opens new window) to register a developer account. Because Instagram belongs to Facebook, the Instagram open platform mentioned here is Facebook's open platform;
  • Open an Instagram account (opens new window) with multimedia content;
  • If you do not have an Authing console account, please go to the Authing Console (opens new window) to register a developer account;

¶ Step 1:Create a Facebook app

Go to developers.facebook.com (opens new window), click My Apps, then create a new app and select Consumer or No App Type , fill in the application name.

In the control panel, find the Facebook Login product and click Settings to add it to your app. Then find the app ID and app key in Settings > Basic in the menu on the left, and record it.

¶ Step 2:Configure Instagram in the Authing console

2.1 On the 「Social Identity Source」 page of the Authing Console, click the 「Create Social Identity Source」button to enter the 「Select Social Identity Source」page.

2.2 Please go to the 「Social Identity Source」 - 「Select Social Identity」 page of the Authing Console, and click the 「Facebook」 identity source button to enter the 「Facebook Login Mode」 page.

2.3 Please configure the relevant field information on the 「Social Identity Sources」 - 「Facebook」 page of the Authing Console.

NoField/FunctionDescription
2.3.1unique identifiera. The unique identifier consists of lowercase letters, numbers, and -, and the length is less than 32 digits. b. This is the unique identifier of this connection and cannot be modified after setting.
2.3.2display nameThis name will be displayed on the button on the end user's login screen.
2.3.3application numberapplication number,Requires access on Facebook Open Platform
2.3.4application secretapplication secret,Requires access on Facebook Open Platform
2.3.5ScopesScopes, data permissions need to be applied for on the Facebook open platform
2.3.6redirect urlFacebook valid OAuth redirect URI. This URL needs to be configured on the Instagram Open Platform.
2.3.7login modeAfter enabling 「Login Only Mode」, you can only log in to an existing account and cannot create a new account. Please choose carefully.
2.3.8Account identity associationWhen 「Account Identity Association」is not enabled, a new user is created by default when a user logs in through an identity source. After enabling 「Account Identity Association」, you can allow users to log in to existing accounts directly through 「Field Matching」 or 「Asking for Binding」.

After the configuration is complete, click the "Create" or "Save" button to complete the creation.

After the Facebook identity source is created on the Authing console, the callback address needs to be configured in the Facebook app on Facebook's open platform OAuth Client Authorization Settings.

¶ Step3: Development Access

  • Recommended development access method:Use a hosted login page

  • Description of advantages and disadvantages:The operation and maintenance are simple, and Authing is responsible for the operation and maintenance. Each user pool has an independent second-level domain name; if you need to embed it into your application, you need to use the pop-up mode to log in, that is: after clicking the login button, a window will pop up, the content is the login page hosted by Authing, or the browser The server redirects to the login page hosted by Authing.

  • Detailed access method:

3.1 Create an app in the Authing console. For details, see: How to create an app in Authing.

3.2 On the created Facebook'= identity source connection details page, open and associate an app created in the Authing console.

3.3 Experience third-party login for Facebook on the login page.

Prev: GitHub Next: Twitter
  • Introduce
  • Precautions:
  • Step 1:Create a Facebook app
  • Step 2:Configure Instagram in the Authing console
  • Step3: Development Access

User identity management

Integrated third-party login
Mobile phone number flash check (opens new window)
Universal login form component
Custom authentication process

Enterprise internal management

Single Sign On
Multi-factor Authentication
Authority Management

Developers

Development Document
Framework Integration
Blog (opens new window)
GitHub (opens new window)
Community User Center (opens new window)

Company

400 888 2106
sales@authing.cn
16 / F, Block B, NORTH STAR CENTURY CENTER, Beijing(Total)
room 406, 4th floor, zone B, building 1, No. 200, Tianfu Fifth Street, Chengdu(branch)

Beijing ICP No.19051205-1

© Beijing Steamory Technology Co.