Social Sign in with Wized & Xano

Build a Social Sign-in for Facebook:

To add Social Sign-in with Wized and Xano using Facebook OAuth, follow these steps:
  1. 1.
    Select all the authentication providers you plan to use when creating a new project in Xano
  2. 2.
    In your Xano dashboard, go to the marketplace to add the necessary extensions to your project. In this case, we will add Facebook OAuth.
  3. 3.
    Go to the Facebook Developers website to configure Facebook OAuth. Create a new app and configure the required information.
  4. 4.
    Once your app is created, go to the Settings tab and copy the App ID and App Secret.
  5. 5.
    Head back into Xano and paste these keys into your Environment Variables by clicking the Configure button.
  6. 6.
    Copy the Facebook OAuth base URL from your API tabs.
  7. 7.
    Once in Wized, add a Facebook OAuth Xano app with the base URL you copied. Configure your data in requests for init and continue.
  8. 8.
    Configure your requests and action as needed.

Build Google 0Auth for Social Sign-in:

To add Social Sign-in with Wized and Xano, follow these steps:
  1. 1.
    When creating a new project in Xano, select all the authentication providers you plan to use. For this video, we will focus on Auth0.
  2. 2.
    In your Xano dashboard, select the workspace and go to the marketplace to add the necessary extensions to your project. In this case, we will add Google OAuth.
  3. 3.
    To configure Google OAuth, go to your Google Cloud Console. Inside APIs & Services, select the OAuth consent screen tab and fill in the required information.
  4. 4.
    Go to credentials and create a new one under OAuth client ID. Fill in the necessary information, and your Client ID and Client Secret should appear after you save the changes.
  5. 5.
    Head back into Xano and paste these keys into your Environment Variables by clicking the Configure button.
  6. 6.
    Copy the Google OAuth base URL from your API tabs.
  7. 7.
    Once in Wized, add a Google OAuth Xano app with the base URL you copied. Configure your data in requests for init and continue.
  8. 8.
    Configure your requests and action as needed