Firebase Auth

[gseals]

User Story

As a user, I should be able to login using Google or with my own unique information.

AC

WHEN I come to the landing page of the website THEN I should see options to log in with Google OR to enter my own information to either create an account OR login with my own unique account

Dev Notes

• create a new firebase project

• ensure to enable Google login

• in src/helpers/data create a file called connection.js and fill to mirror this file

• your App.js should import firebase and firebase/auth, your firebaseConnection from your helpers, and include your firebase connection. see here for a detailed view of how the firebase section of this page should look

• in src/components/pages, if you have not already, create a folder called Auth and place two files in it called Auth.js and Auth.scss. In Auth.js, match the way this file is laid out

• in src/helpers, create two files: apiKeys.json and apiKeys.examples.json. Fill each as we have before. For a template of apiKeys.examples.json see here

• MAKE SURE YOU PUT apiKeys.json IN YOUR GITIGNORE like this

[gseals]

Install-Package Microsoft.AspNetCore.Authentication.JwtBearer -Version 3.1.5

[gseals]

in Startup.cs, place this below Service.AddCors

var authSettings = Configuration.GetSection("AuthenticationSettings");

services.AddAuthentication(JwtBearerDefaults.AuthenticationScheme) .AddJwtBearer(options => { options.IncludeErrorDetails = true; options.Authority = authSettings["Authority"]; options.TokenValidationParameters = new TokenValidationParameters { ValidateIssuer = true, ValidIssuer = authSettings["Issuer"], ValidateAudience = true, ValidAudience = authSettings["Audience"], ValidateLifetime = true }; } );

[gseals]

add

using Microsoft.AspNetCore.Authentication.JwtBearer; using Microsoft.IdentityModel.Tokens;

to the top of the file

[gseals]

in appsettings.json, add this below ConnectionStrings and change the identifiers to those particular to your app:

"AuthenticationSettings": { "Authority": "https://securetoken.google.com/fish-store-a71e6", "Issuer": "https://securetoken.google.com/fish-store-a71e6", "Audience": "fish-store-a71e6" },

[gseals]

https://github.com/nss-evening-cohort-9/BranchAndChicken/blob/master/branchandchicken.ui/src/Requests/auth.js