Firebase CDN Setup

Firebase CDN (Content Delivery Network) is a feature of the Firebase platform that allows you to host and serve static assets, such as HTML, CSS, JavaScript, images, and videos, from a network of edge locations around the world.

Steps to Set Up Firebase

1. Open the Firebase website.
2. Click on “Get started.”
3. Sign in with your Google account.

Create a New Project

• Name your project (you can use the same project as Google OAuth).

• Optionally, you can disable Google Analytics.

• Wait for 20/30 seconds for the project to be ready, then click on “Continue.”

• Click on “All Products.”

• Select “Storage.”

• Click on “Get Started.”

• Click on “Next.”

• Select your “Cloud Storage location.”

• Return to the Project Overview.

• Click on ”+ Add app” under your project name, then click on “Web.”

• Register the app.

• Save all this information in a text file.

• Fill all the firebaseConfig variables in the .env file.

FIREBASE_API_KEY=api_key #apiKey
FIREBASE_AUTH_DOMAIN=auth_domain #authDomain
FIREBASE_PROJECT_ID=project_id #projectId
FIREBASE_STORAGE_BUCKET=storage_bucket #storageBucket
FIREBASE_MESSAGING_SENDER_ID=messaging_sender_id #messagingSenderId
FIREBASE_APP_ID=1:your_app_id #appId

• Return one last time to the Project Overview.

• Select Storage

• Select Rules and delete : if false; on this line: allow read, write: if false;

  • your updated rules should look like this:

  rules_version = '2';
   
  service firebase.storage {
    match /b/{bucket}/o {
      match /images/{userId}/{fileName} {
        allow read, write: if true;
      }
    }
  }

• Publish your updated rules

Configure fileStrategy in librechat.yaml

Finally, to enable the app use Firebase, you must set the following in your librechat.yaml config file.

  version: 1.0.8
  cache: true
  fileStrategy: "firebase"

For more information about the librechat.yaml config file, see the guide here: Custom Endpoints & Configuration.

[
  {
    "origin": ["https://ai.example.com"],
    "method": ["GET", "POST", "DELETE", "PUT"],
    "maxAgeSeconds": 3600
  }
]

gsutil cors set cors.json gs://<your-cloud-storage-bucket>

gsutil cors get gs://<your-cloud-storage-bucket>