隨機播放 JavaScript 中 firebase Firestore 集合中的文檔

Question

隨機化內容對於不同的應用程序可能是一個有用的功能。 以下代碼完成 firebase firestore 集合的任務。

Answer 1

下面示例 firebase 初始化 main shuffle 代碼

// Import Firebase
import { initializeApp } from "https://www.gstatic.com/firebasejs/9.5.0/firebase-app.js";
import { doc, getDoc, getDocs, collection, getFirestore } from "https://www.gstatic.com/firebasejs/9.5.0/firebase-firestore.js";

// Firebase Config
const firebaseConfig = {
          apiKey: "your-info",
          authDomain: "your-info",
          databaseURL: "your-info",
          projectId: "your-info",
          storageBucket: "your-info",
          messagingSenderId: "your-info",
          appId: "your-info",
          measurementId: "your-info"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
// Initialize Firestore
const firestore = getFirestore(app);

獲取示例“貢獻”集合和控制台日志隨機文檔的代碼：

// Get Collection
const contributionsCollection = collection(firestore, 'contributions');
// Get Collection Docs
const contributionsCollectionDoc = await getDocs(contributionsCollection);

// Fill in Contributions
if(contributionsCollectionDoc.empty == false) {
           var contributions = contributionsCollectionDoc.docs;
           shuffle(contributions);
           contributions((doc) => {
                      console.log(doc.data());
           });
}