使用javascript将产品数据从Firestore加载到网页

<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-firestore.js"></script>

const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

firebase.initializeApp(firebaseConfig);

const db = firebase.firestore();

const productsRef = db.collection('products');

productsRef.get().then((querySnapshot) => {
  querySnapshot.forEach((doc) => {
    const productData = doc.data();
    // 在这里处理产品数据，例如将其添加到网页中的某个元素中
  });
}).catch((error) => {
  console.log("Error getting products: ", error);
});

const productList = document.getElementById('product-list');

querySnapshot.forEach((doc) => {
  const productData = doc.data();
  const productItem = document.createElement('li');
  productItem.textContent = productData.name;
  productList.appendChild(productItem);
});