React Native端调用@google-cloud/bigquery报fs模块无法解析错误求助

问题原因 #

@google-cloud/bigquery是为Node.js环境开发的SDK，依赖fs等Node.js核心模块，但React Native的JavaScript运行时（Hermes或JSC）不支持这些Node.js专属模块，因此直接在客户端调用会触发模块找不到的错误。

解决方案 #

方案一：通过后端代理请求（推荐） #

不在React Native客户端直接操作BigQuery，而是搭建后端服务（如Node.js、Firebase Functions、Cloud Functions）处理BigQuery交互，客户端通过HTTP请求与后端通信。

示例：Firebase Functions后端代码

const functions = require("firebase-functions");
const { BigQuery } = require("@google-cloud/bigquery");

exports.insertToBigQuery = functions.https.onRequest(async (req, res) => {
  const { name, age } = req.body;
  const bigquery = new BigQuery();
  
  try {
    await bigquery.insertAll({
      dataset: "<my_dataset>",
      table: "<my_table>",
      rows: [{ name, age }],
      writeDisposition: "WRITE_TRUNCATE",
    });
    res.status(200).send({ status: "success", data: "数据插入成功" });
  } catch (error) {
    res.status(500).send({ status: "fail", data: "数据插入失败" });
  }
});

React Native客户端请求代码

import axios from 'axios';

const insertData = async () => {
  try {
    await axios.post('<你的Firebase Functions URL>/insertToBigQuery', {
      name: 'eminem',
      age: 24
    });
    console.log('插入成功');
  } catch (err) {
    console.error('插入失败', err);
  }
};

方案二：直接调用BigQuery REST API #

若不想搭建后端，可直接调用BigQuery的REST API，但需注意安全风险：绝对不能在客户端暴露Google Cloud服务账号密钥，建议使用受限API密钥（限制操作权限和请求来源）或OAuth 2.0用户授权。

示例：React Native客户端请求代码

const insertData = async () => {
  const apiKey = '<你的受限API密钥>';
  const projectId = '<你的项目ID>';
  const datasetId = '<my_dataset>';
  const tableId = '<my_table>';

  const url = `https://bigquery.googleapis.com/bigquery/v2/projects/${projectId}/datasets/${datasetId}/tables/${tableId}/insertAll?key=${apiKey}`;

  try {
    const response = await fetch(url, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        rows: [{ json: { name: 'eminem', age: 24 } }],
      }),
    });
    const result = await response.json();
    console.log('插入结果', result);
  } catch (err) {
    console.error('请求失败', err);
  }
};

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