reactjs - Firebase SDK 代码段配置安全性

Question

我目前正在为 React 项目中的事件实施跟踪系统，以使用 Firebase/Google 标签管理器跟踪用户活动。

我已经正确实现了该功能，但是我担心 firebase 代码片段中提供的配置设置，这个配置是否敏感？我应该以某种方式隐藏api密钥吗？如果泄露这些配置设置会导致潜在的安全问题吗？

目前这个设置是在我的应用程序中硬编码的，我需要为不同的环境处理不同的配置：

import React , {useContext} from 'react';
import AppRouter from './routers/AppRouter';
import firebase from 'firebase/app';
import 'firebase/analytics';

export const FireContext = React.createContext();

const App = () => {

    //TODO Handle different environments settings
    firebase.initializeApp({
        apiKey: "xxx",
        authDomain: "xxx",
        projectId: "xxx",
        storageBucket: "xxx",
        messagingSenderId: "xxx",
        appId: "xxx",
        measurementId: "xxx"
    });
    
    const analytics = firebase.analytics();

    return (
        <FireContext.Provider value={analytics}>
            <div className="app">
                <AppRouter />
            </div>
        </FireContext.Provider> 
    );
}

export default App;

标签： reactjsfirebasegoogle-tag-manager