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

    • Authenticate your first user

      • Use the hosted login page to complete the authentication
      • Use the embedded login component to complete the authentication
      • Use API & SDK to complete authentication
      • Verify user credentials (token)
      • Authority management for users
      • Realize logout
      • Next you may need
    • Access methods for different types of applications

      • Integrate Authing in traditional Web App
      • Integrate in Single Page Application (SPA) Authing
      • Integrate in mobile terminal (iOS, Andriod) Authing
    • Console overview
  • Authenticate the user

    • Use account password authentication
    • Use SMS verification code authentication
    • Use social login authentication
    • Use scan code login authentication

      • Use self-built App to scan the code to log in to the website

        • Complete interface list
        • Custom configuration items
      • Use the mini program to scan the code to log in to the website
    • Certify in Mini Program
    • Implement single sign-on (SSO)
    • Single sign-on on the mobile terminal
    • Multi-factor authentication (MFA)

      • MFA of one-time password (TOTP) based on timestamp algorithm
      • MFA based on SMS verification code
      • MFA based on email verification code
      • Access MFA through SDK
    • Extend the authentication process

      • Add user-defined fields
      • IdToken add custom field
      • Use a custom database to authenticate users
      • Use Pipeline to extend the authentication process
      • Use Webhook to monitor authentication events
    • Personalize the guard
  • Authority management for users

    • Choose the appropriate permission model
    • Integrate RBAC permission model into your application system
    • Integrate ABAC permission model into your application system
    • Use permission group management permission resources
    • Manage resource permissions
  • Authorization

    • Inter-application authorization for user permission
    • M2M authorization
  • Manage user accounts

    • User field interpretation
    • Administrator create account
    • Manage user accounts
    • Binding account
    • Manage user's custom data
    • View user's login history
    • View the user's geographic location
    • Enhance account security
    • Manage user login status
    • Control which applications users can access
    • User groups
  • Manage User Directory

    • User Directory Configuration Item
    • Add custom user field
    • Search users
    • Use LDAP user directory
  • Management Application

    • Create Application
    • Configure login and registration method
    • Add registration agreement
    • Customize login box style
    • Become a source of federal authentication identity
    • Enable multi-factor authentication
    • Sub-account management
    • Implement single sign-on between applications
    • Manage user login status
  • Become a source of federal authentication identity

    • Become an OpenID Connect Identity Source
    • Become OAuth2.0 Identity Source
    • Become a SAML2 identity source
    • Become a CAS Identity Source
  • 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

      • WeCom Self-built App QR Code
      • WeCom Self-built App QR Code Login(Delegated Development Mode)
      • WeCom Service Provider App QR Code
      • WeCom Mobile
      • DingTalk H5 Micro Application (Internal Development)
      • Feishu Marketplace App
      • Feishu Custom App
      • Windows AD
      • Azure AD
      • OIDC
      • OAuth 2.0
      • LDAP
      • SAML
      • CAS
      • WeLink
    • Custom database

      • Configure database connection and scripting
      • Lazy migration of users to Authing
      • Fully use a custom database to save user data
      • Best Practice
  • Open up WeChat ecology
  • Migrate users to Authing

    • Use SDK to import users
    • Configure custom password function
    • Import users from corporate WeChat, DingTalk and other third-party identity sources
  • Management organization

    • Create or import an organization
    • Management organization
    • Manage member life cycle
    • Use LDAP protocol to open organization data to the outside world
  • Expandable capabilities

    • Use Webhook to monitor user events
    • Custom authentication process (Pipeline)

      • Create your first Pipeline function
      • Pipeline API Reference
      • Pipeline application scenario
      • Pipeline User Object
      • Pipeline Context Object
      • Use environment variables in Pipeline
      • Available Node Modules
      • How to debug
      • FAQ
      • Private deployment
    • Configure custom password function
  • Audit Log

    • Audit of user behavior
    • Audit of Administrator Behavior
  • Configure security information

    • Configure Web Security Domain
    • Configure password strength
    • Configure registration frequency limit
    • Configure the limit on the number of failed login attempts
  • Configure user pool information

    • Modify user pool basic information
    • Configure mail service and template
    • Configure SMS service and template
    • Add user pool collaboration administrator
    • Developer Configuration
  • Deployment plan

    • Basic deployment mode
    • Docker deployment mode
    • Kubernetes deployment mode
    • Custom Domain Name Configuration Scheme
  • Frequently Asked Questions FAQs

    • How to get user pool ID
    • How to get the application ID
    • How to verify user credentials (token)
    • Join table Authing in the local user and your business data
    • Impact of disabling third-party cookies on Authing
    • How to deploy a transit proxy server
  1. Guides
  2. /
  3. Authenticate the user
  4. /
  5. Use social login authentication

¶ Use social login authentication

Update Time: 2022-05-14 10:21:54
Edit

Social login refers to the process in which users use social platform identity authentication information to authenticate and log in to third-party applications or URLs. For example, people often use personal WeChat, QQ, Weibo and other social accounts to log in to Didi and NetEase Cloud Music. Social login not only helps simplify the user's login experience on third-party platforms, but also provides a simpler and more convenient way for users to create new accounts on third-party platforms. Both for normal users and enterprises, social login has unparalleled advantages.

¶ Social login list

Authing currently supports 4 social logins around the world, such as GitHub, Apple, etc. The following is a complete list:

Social Identity ProviderScenesDocs
WeChat QR Code on PCWebDocumentation
WeChat MobileMobile AppDocumentation
WeChat Web PageWechat BrowserDocumentation
Wechat Official Accounts QR CodeWebDocumentation
Mini ProgramMini ProgramDocumentation
Mini Program QR Code on PCWebDocumentation
Pull-up Mini Program on AppMobile AppDocumentation
QQWebDocumentation
WeiboWebDocumentation
GitHubWebDocumentation
FacebookWebDocumentation
TwitterWebDocumentation
GoogleWebDocumentation
Apple (Web)WebDocumentation
Apple (Mobile)Mobile AppDocumentation
AlipayMobile AppDocumentation
SlackWebDocumentation
GiteeWebDocumentation
GitLabWebDocumentation
BaiduWebDocumentation
LinkedInWebDocumentation
NetEase YIDUNMobile AppDocumentation
QingCloudWebDocumentation
InstagramWebDocumentation

¶ Custom social login

Authing provides the ability to integrate a custom OAuth2.0 identity provider. If you need to connect to a social login identity source that is not built in Authing, you can read this guide.

¶ Choose the appropriate development integration method

Authing social login supports four integration methods: JavaScript SDK, embedded login components, hosted login pages and manually calling the social login interface. Each different integration method has its own advantages and disadvantages. You can use your own business needs to choose the right way.

The following is a comparison of the advantages and disadvantages of various methods:

Integration methodAdvantagesDisadvantagesRecommend
JavaScript SDK Easy to integrate, only a few lines of code are required. The highest degree of customization is possible. Yes
embedded login componentsEasy to integrate, only a few lines of code are required. You can integrate this component into your application. Relatively high degree of customization.Yes
hosted login pagesOperation and maintenance are simple, and Authing is responsible for operation and maintenance. Each application has an independent second-level domain name.Cannot be embedded in your appYes
manually calling the social login interfaceYou need to manually parse the user information from the URL. Relatively complicated and troublesome.No

The following is the details of integration method for each method:

Method
使用 SDK
Loading...

Taking GitHub social login as an example, only the following lines of code need to be implemented:

  • Initialize the AuthenticationClient by application ID, and you can view the application ID on the application list page of the console.
  • Call the authenticationClient.social.authorize method, pass the first parameter into github, and the second parameter specifies the onSuccess and onError callback functions.
  • After the user successfully logs in, you can get the user information in the onSuccess callback function; if the login fails, you can get the error code and error information in the onError callback function. For complete error codes, please see: Error Code List.
import { AuthenticationClient } from 'authing-js-sdk'

const authenticationClient = new AuthenticationClient({
  appId: 'YOUR_APP_ID',
  appHost: 'https://xxx.authing.cn',
})

// Log in with GitHub
await authenticationClient.social.authorize('github', {
  onSuccess: (user) => {
    console.log(user)
  },
  onError: (code, message) => {},
})
Prev: Use SMS verification code authentication Next: Use scan code login authentication
  • Social login list
  • Custom social login
  • Choose the appropriate development integration method

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.