无需Web端登录，读取Cloud Firestore中用户UID文档下Product集合数据

根据你的场景（Web端无需登录，展示指定用户UID下的Product集合），结合当前Firestore安全规则的限制（推测规则仅允许认证用户访问自己的文档），提供以下几种可行方案：

方案一：修改Firestore规则，公开指定用户的Product集合 #

如果该用户的产品数据可以公开访问，直接修改Firestore安全规则，允许任何人读取目标用户的Product集合：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    // 保留原有的用户写入权限
    match /users/{userId}/Product/{product} {
      allow write: if request.auth != null && request.auth.uid == userId;
      // 允许公开读取目标用户的产品，替换为实际的用户UID
      allow read: if userId == "目标用户的UID";
    }
  }
}

修改后，Web端无需认证即可直接读取数据：

import { initializeApp } from "firebase/app";
import { getFirestore, collection, getDocs } from "firebase/firestore";

const firebaseConfig = { /* 你的Firebase配置信息 */ };
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

// 读取指定用户的Product集合
async function loadProducts() {
  const userId = "目标用户的UID";
  const productsRef = collection(db, `users/${userId}/Product`);
  const snapshot = await getDocs(productsRef);
  
  const products = [];
  snapshot.forEach(doc => {
    products.push({ id: doc.id, ...doc.data() });
  });
  // 这里将products渲染到页面
  console.log(products);
}

loadProducts();

方案二：通过Firebase Admin SDK搭建后端接口（推荐） #

若不想公开数据，或需要更灵活的访问控制，建议用Admin SDK搭建后端接口，Web端通过接口获取数据（Admin SDK不受Firestore安全规则限制）：

1. 后端实现（Node.js+Express示例） #

首先安装依赖：

npm install firebase-admin express cors

编写服务代码：

const admin = require('firebase-admin');
const express = require('express');
const cors = require('cors');

// 初始化Admin SDK，需下载服务账号密钥（从Firebase控制台获取）
const serviceAccount = require('./service-account-key.json');
admin.initializeApp({
  credential: admin.credential.cert(serviceAccount)
});

const db = admin.firestore();
const app = express();
app.use(cors());

// 接口：获取指定用户的所有产品
app.get('/api/products/:userId', async (req, res) => {
  try {
    const userId = req.params.userId;
    const productsRef = db.collection(`users/${userId}/Product`);
    const snapshot = await productsRef.get();
    
    const products = [];
    snapshot.forEach(doc => {
      products.push({ id: doc.id, ...doc.data() });
    });
    
    res.status(200).json(products);
  } catch (err) {
    res.status(500).json({ error: err.message });
  }
});

// 若需要展示所有用户的产品，可添加此接口
app.get('/api/all-products', async (req, res) => {
  try {
    const usersSnapshot = await db.collection('users').get();
    const allProducts = [];
    
    for (const userDoc of usersSnapshot.docs) {
      const productsSnapshot = await db.collection(`users/${userDoc.id}/Product`).get();
      productsSnapshot.forEach(productDoc => {
        allProducts.push({ userId: userDoc.id, id: productDoc.id, ...productDoc.data() });
      });
    }
    
    res.status(200).json(allProducts);
  } catch (err) {
    res.status(500).json({ error: err.message });
  }
});

app.listen(3000, () => {
  console.log('服务运行在端口3000');
});

2. Web端调用接口 #

// 获取指定用户的产品
async function loadUserProducts(userId) {
  const response = await fetch(`http://你的后端地址/api/products/${userId}`);
  const products = await response.json();
  // 渲染产品到页面
  console.log(products);
}

// 获取所有用户的产品
async function loadAllProducts() {
  const response = await fetch(`http://你的后端地址/api/all-products`);
  const products = await response.json();
  console.log(products);
}

这种方式更安全，可在后端添加额外验证（如IP白名单、API密钥），避免数据直接暴露。

方案三：使用匿名认证（不推荐） #

如果允许Web端自动完成匿名登录（用户无感知），可通过匿名认证绕过规则限制：

1. 修改Firestore规则 #

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /users/{userId}/Product/{product} {
      allow write: if request.auth != null && request.auth.uid == userId;
      // 允许匿名用户读取目标用户的产品
      allow read: if userId == "目标用户的UID" && request.auth != null;
    }
  }
}

2. Web端代码 #

import { initializeApp } from "firebase/app";
import { getAuth, signInAnonymously } from "firebase/auth";
import { getFirestore, collection, getDocs } from "firebase/firestore";

const firebaseConfig = { /* 你的Firebase配置 */ };
const app = initializeApp(firebaseConfig);
const auth = getAuth(app);
const db = getFirestore(app);

// 自动匿名登录并读取数据
signInAnonymously(auth)
  .then(async () => {
    const userId = "目标用户的UID";
    const productsRef = collection(db, `users/${userId}/Product`);
    const snapshot = await getDocs(productsRef);
    
    const products = [];
    snapshot.forEach(doc => {
      products.push({ id: doc.id, ...doc.data() });
    });
    console.log(products);
  })
  .catch(err => {
    console.error('匿名登录失败:', err);
  });

此方案本质还是依赖认证，仅适合无法搭建后端的临时场景。

内容的提问来源于stack exchange，提问作者Hiyazan