繁体   English   中英

如何在 React 代码中访问 Firebase 配置变量?

How do you access Firebase config variables in React code?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在尝试从 Netlify 迁移到 Firebase 托管。 我的所有 .env 环境变量在 Netlify 中都运行良好,但现在 Firebase 似乎存在问题,并且在托管几分钟后它们消失了。

从文档: https : //firebase.google.com/docs/functions/config-env以及我可以从 Stack 中拼凑出来的内容,Firebase 不喜欢“环境变量”,而是使用“配置变量”。 所以我试图实现配置变量来代替我的 .env 变量。 我已经成功地能够:

设置变量: firebase functions:config:set someservice.key="THE API KEY" someservice.id="THE CLIENT ID"

获取变量: firebase functions:config:get

所以我知道变量保存在我的应用程序的配置变量中。 我不能做的是在我的 React 代码中以我能够使用的相同方式访问它们,例如:

console.log(process.env.REACT_APP_FIREBASE_PROJECT_ID)

当我尝试在 React 中进行设置时,类似于文档:

import * as functions from 'firebase-functions';
import * as admin from 'firebase-admin';
import 'firebase-functions';
admin.initializeApp();

我在浏览器控制台中收到以下错误:

======== WARNING! ========

firebase-admin appears to have been installed in an unsupported environment.
This package should only be used in server-side or backend Node.js environments,
and should not be used in web browsers or other client-side environments.

Use the Firebase JS SDK for client-side Firebase integrations
1 个回复

我已经弄清楚问题出在哪里了。 当我使用firebase init在本地firebase init我选择了一个选项来自动从 github 更新。 github repo 不包含我的 .env 文件,这解释了为什么它不断消失。

为了解决这个问题,我再次运行了firebase init并为自动 github 部署选择了“n”(否)。

另一个警告是因为我正在阅读用于后端服务器的文档。 Firebase-Functions 与 React 无关,至少在这种情况下是这样。

3 React:如何在变量中渲染源代码?

我在数据库中存储了一些html源代码,它是这样的代码块: 现在,在反应中,我将它们放入变量( {this.state.content} )中,但是当我尝试呈现它们时,源代码显示为字符串。 这是我的用法: 在页面上,它仅直接显示源代码。 如何使它们呈现为html源代码而不是字符 ...

2018-01-13 18:59:27 1 179   reactjs
4 如何在 Bash 中访问 Heroku 配置变量

我试图在我的反应应用程序中使用process.env.REACT_APP_*进程环境变量,在使用npm run build on heroku 构建它之后,但我的设置有一个服务器和一个客户端,所有反应代码都在一个单独的客户端文件夹中根: 即使在我的本地开发服务器中,这也无法正常工作,我必须在客户 ...

6 如何在Weblogic中配置JNDI环境变量并通过Java代码访问它

我正在使用的Web应用程序在JNDI环境变量中存储一些配置数据。 该应用程序正在设计中,旨在跨J2EE应用程序服务器工作。 我的东西在Tomcat和JBoss中工作,但在weblogic 12c中却没有。 在Weblogic的管理控制台中找不到用于配置环境条目的任何链接。 让我解释一 ...

7 如何在配置exim中调试变量代码

我如何检查变量的值或函数的结果,以下代码返回Null 例如,在php中,我可以使用xdebug做到这一点,但是exim呢? https://www.exim.org/exim-html-current/doc/html/spec_html/ch-string_expansions.html ...

2020-12-04 22:38:47 0 10   exim
8 在React中访问变量

嗨,我是ReactJS的新手。 我正在尝试为帖子创建基本的帖子请求。 了解语法...如何解析此响应才能访问单个值? 尝试过使用values.email,但无效。 这来自于表单的值: 我需要访问单个值,但值返回: 十分感谢大家 ...

9 如何在react / redux中管理全局配置变量?

我正在使用的API要求我每x小时获取一个新密钥。 我希望能够将密钥存储在全球各种状态中。 但是,这里是我被困住的地方。 我的应用程序中有很多部件,我有组件可以执行API调用,但是可以完成整个Redux 模式将是矫枉过正。 如果我这样做的话,我只需要用redux存储api密钥并从那 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM