Firebase Functions服务端调用prompt报错的替代实现方案咨询

你的判断正确，prompt是浏览器端专属API，Firebase Functions运行在Node.js服务端环境，不存在该方法，因此报错。你需要将「用户交互逻辑」和「服务端数据查询逻辑」拆分到前后端分别实现，具体方案如下：

1. 前端页面逻辑调整 #

弹窗询问导入ID的操作需要放在用户访问的网站前端代码中运行，拿到导入码后再传给后端云函数查询数据，前端示例代码如下：

// 网站前端JS代码，可直接写在页面的<script>标签内
async function loadImportData() {
    // 弹窗获取用户输入的导入码，该逻辑运行在用户浏览器中，可正常调用prompt
    const importCode = prompt("请输入导入ID：");
    if (!importCode) {
        alert("导入码不能为空");
        return;
    }
    // 调用后端云函数，传入导入码参数
    const res = await fetch(`替换为你的云函数触发URL?importCode=${encodeURIComponent(importCode)}`);
    const data = await res.json();
    // 处理后端返回结果
    if (data.code === 200) {
        console.log("导入成功，数据为：", data.result);
        // 此处补充拿到数据后的后续业务逻辑
    } else {
        alert(data.msg);
    }
}
// 可根据需求调整触发时机，比如页面加载完成后触发、绑定按钮点击触发
loadImportData();

2. 后端Firebase Functions代码调整 #

修改你index.js中的代码，删除prompt相关逻辑，改为从请求参数中获取前端传递的导入码再查询数据库，修改后代码如下：

const functions = require("firebase-functions");
const admin = require("firebase-admin");
const express = require("express");
const cors = require("cors"); // 处理跨域问题，需要先执行npm install cors安装

admin.initializeApp();
const app = express();
app.use(cors()); // 允许跨域请求

// 封装数据查询逻辑，接收导入码作为参数
async function queryFirestore(importCode) {
    const firestore = admin.firestore();
    try {
        const doc = await firestore.collection("Exports").doc(importCode).get();
        if (!doc.exists) {
            return { code: 404, msg: "未找到对应数据" };
        }
        return { code: 200, result: doc.data() };
    } catch (err) {
        console.log("查询数据错误：", err);
        return { code: 500, msg: "查询数据出错，请稍后重试" };
    }
}

// 接口路由，接收前端请求
app.get("/", async (req, res) => {
    const importCode = req.query.importCode;
    if (!importCode) {
        return res.status(400).json({ code: 400, msg: "缺少导入码参数" });
    }
    const result = await queryFirestore(importCode);
    res.json(result);
});

// 导出云函数
exports.app = functions.region("us-central1").https.onRequest(app);

3. 部署验证注意事项 #

• 执行firebase deploy --only functions部署云函数后，从控制台拿到云函数的触发URL，替换前端代码中的对应占位字段
• 如果不需要跨域支持，可以删除cors相关的引入和使用代码

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