Firebase Setup for Web Push Notifications

When choosing Push Notification as your 2FA verification channel, the extension dispatches real-time OTP popups directly to shoppers' desktop and mobile browsers via Google Firebase Cloud Messaging (FCM).

Step 1: Create a Project in Firebase Console

1. Navigate to the Firebase Console.
2. Click Add project (or Get started by setting up a Firebase project).

3. Enter a descriptive project name (e.g., M customer 2FA) and click Continue.

4. Configure Google Analytics settings as needed and click Continue.

5. Select or create an Analytics account, accept terms, and click Create project.

6. Wait for project provisioning to complete, then click Continue.

Step 2: Retrieve Cloud Messaging Credentials

1. In the left navigation bar, click the Settings (gear) icon and choose Project settings.

2. Navigate to the Cloud Messaging tab:
   • Copy your Server Key.
   • Copy your Sender ID (Messaging Sender Id).

3. Under Web configuration > Web Push certificates, click Generate key pair to generate your Public Key (VAPID key).

Step 3: Register Web App & Get Web SDK Config

1. Go to Project settings > General.
2. Under the Your apps section, click the Web icon (</>) to register a new Web App.
3. Enter an app nickname and click Register app.
4. Firebase displays your web app configuration:
   • apiKey (Web API Key)
   • authDomain (FCM Auth Domain)
   • projectId (FCM Project Id)
   • storageBucket (FCM Storage Bucket)
   • messagingSenderId (Messaging Sender Id)
   • appId (FCM App Id)
   • measurementId (Measurement Id)

Step 4: Generate Service Account JSON Key

1. In Project settings, go to the Service accounts tab.
2. Ensure Firebase Admin SDK is selected with Node.js/PHP.
3. Click Generate new private key and confirm by clicking Generate key.
4. Save the downloaded .json file securely on your computer. This file will be uploaded under Firebase Auth JSON File in Magento Admin configuration.