Backend Auth, Frontend updates, Basic-Auth

[darenc9]

Backend-api Updates

Authentication

• Updated backend-api routes to require cognito or basic-auth authentication
• /src/auth: contains 3 files
  • index.js - Determines which authentication method (cognito or basic) to use depending on environment variables
  • cognito.js - Implements Cognito Authentication Middleware for api routes
  • basic-auth.js - Implements basic-auth middleware. Currently used for unit tests
• Installed and implemented authentication with these dependencies: aws-jwt-verify, http-auth, http-auth-passport, passport, passport-http-bearer

  Testing

• tests/.htpasswd - contains basic login credentials for unit tests
• tests/unit/:
  • app, exerciseRoutes, profileRoutes, workout-routes:
  • Modified all tests to use basic auth credentials to ensure unit tests passes

Frontend-ui Updates

• src/components/AWS/GetToken.js: Created this exportable function that returns the current users's JWT Token, used to get access to backend-api routes
• Modified API fetch calls to use JWT Token for:
  • src/app/browse/
  • src/app/exercises/[exercisename]
  • src/app/exercises
  • src/atoms/exercisesPageAtoms
  • src/components/HealthCheck
  • src/components/build/ExercisesPage
  • src/components/build/WorkoutBuilderContent
  • src/components/edit/WorkoutEdit
  • src/components/exercises/ExerciseTable
• Updated and cleaned exercises browse page and relevant components
• Navbar: Redirected "home" to '/'

Usage

Backend basic-auth usage:

In unit tests: add .auth('user1@email.com', 'password1') to test responses for responses to be authorized

Frontend usage:

• Import { GetToken } from @/components/AWS/GetToken;
• Use function to store token to variable (use await)
  • const authToken = await GetToken();
  • Attach auth token to header like: const response = await fetch(${process.env.API_URL}/exercises/ , {headers: {'Authorization': Bearer ${authToken}}} );

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
fit-future	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 19, 2024 6:22am
fit-future-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 19, 2024 6:22am