Firebase with Microsoft Azure AD authentication

[DarkLite1]

I’m trying to set up my app to use Azure AD authentication together with Firebase. I think I’ve covered all the prerequisites:

In the project folder

• Install Firebase

npm install --save firebase

• Create a new boot file “/boot/firebase.js”

quasar new boot firebase

• Add the firebase boot file to “./quasar.conf.js”

boot: [
   'firebase'
 ],

In the Azure portal

• Get the “Application (client) ID” from the “App registrations”
  

• Set the “Redirect URI” and “Implicit grant”
  

• Create a secret key for Firebase to access the Azure app
  

In the Firebase console

• Add the authentication type “Microsoft” with the “Applicatino (client) ID” and the “secret” generated
  

In the project

• Add the Microsoft “provider” and the “Firebase config”:

import * as firebase from "firebase/app"
import "firebase/auth"

const firebaseConfig = {
  apiKey: process.env.FIREBASE_API_KEY,
  authDomain: process.env.FIREBASE_AUTH_DOMAIN,
  databaseURL: process.env.FIREBASE_DATABASE_URL,
  projectId: process.env.FIREBASE_PROJECT_ID,
  storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID,
  appId: process.env.FIREBASE_APP_ID,
  measurementId: process.env.FIREBASE_MEASUREMENT_ID
}
let firebaseApp = firebase.initializeApp(firebaseConfig)

let provider = new firebase.auth.OAuthProvider('microsoft.com');

firebaseApp.auth().signInWithRedirect(provider);

export { provider }

At this point I’m probably doing something wrong. According to the Firebase docs, it’s a literal copy/past.

I’m also wondering how I can call the logon method in my component. Thank you for any help you can give me.