Skip to content

marmelab/ra-example-oauth

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ra-example-oauth

This example shows how to support OAuth in a react-admin v4 application.

Requirements

  1. A google application: ret up a project in the Google API Console to obtain OAuth 2.0 credentials, set a redirect URI, and (optionally) customize the branding information that your users see on the user-consent screen
  2. Configure OAuth for this application with http:https://localhost:5173/auth-callback as the authorized origin and http:https://localhost:5173/auth-callback as the authorized redirect URI. Copy the client ID and secret.
  3. Rename the .env.template files in both the app and api directory and update the following variables:
    • VITE_OIDC_CLIENT_ID: Paste the client ID you copied at step 2
    • OIDC_CLIENT_ID: Paste the client ID you copied at step 2
    • OIDC_CLIENT_SECRET: Paste the secret you copied at step 2

Installation

Run the following command:

make install

Development

  1. Start the API by running:

    make run-api
  2. In another terminal, start the application by running:

    make run-app