OAuth/OIDC App Configurations

Table of Contents

  1. OAuth config
    1. Google
    2. Facebook
    3. Twitter
    4. Github
  2. OIDC config
    1. Google

OAuth Configuration

Google OAuth

  1. visit https://console.cloud.google.com/
    • image
  2. add project/choose project
    • add project
      • image
      • image
      • image
      • fill oauth consent screen. keep setting same in all. just change names wherever neccessary. fill those place that are filled
        • image
        • image
        • image
    • or choose project
    • image
  3. add credentials
    • image
    • image
    • getting google api key for apps like nodemailer
      • image
      • image
    • getting google cient id and secret for oauth
      • image
      • image
      • image
      • image
  4. adding redirect uris and source url (needs to be changed each time you change hostname or create a new deployment url)
    • image

Facebook

  1. visit facebook developer portal https://developers.facebook.com/
    • image
  2. create a new app/choose existing app
    • create new app
    • image
    • image
    • image
    • image
    • image
    • image
    • image - NOT COMPLETED BECAUSE I DONT KNO WHY BUT APP IS WORKING NO MATTER WHAT CHANGE I MAKE

Twitter

  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image

Github

  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image

OIDC Configuration

Google OIDC

  • follow all same steps as in google oauth, except the last step - just callback url is different
    • image