Reactjs 如何在Heroku中使用配置变量使API密钥正常工作？

因此，我将

.env

添加到我的

.gitignore

中，并在我的

文件中添加了
.env

REACT_APP_WEATHER_API_KEY=123456

这是一个最近的附加组件，我已经完全部署了这个应用程序，并且正在Heroku上工作。我是否只需进入设置=>Config Vars并添加
key=REACT\u APP\u WEATHER\u API\u key
和
value=123456
？如何在设置中将API密钥实现到Heroku中？
您不需要
key=
或
value=
，只需通过以下方式直接将
REACT\u APP\u WEATHER\u API\u key
设置为
123456
：

或者

您在开发中使用的
.env
文件和Heroku的配置变量都非常方便：

配置变量作为环境变量暴露于应用程序的代码中。例如，在Node.js中，您可以使用
process.env.DATABASE\u URL
访问应用程序的
DATABASE\u URL
配置变量

只要您在REACT应用程序构建时或从后端运行时（如果您有）使用
REACT\u APP\u WEATHER\u API\u KEY
环境变量，您就应该处于业务状态。
您不需要
KEY=
或
value=
，只需直接将
REACT\u APP\u WEATHER\u API\u KEY
设置为
123456
，通过以下途径之一：

或者

您在开发中使用的
.env
文件和Heroku的配置变量都非常方便：

配置变量作为环境变量暴露于应用程序的代码中。例如，在Node.js中，您可以使用
process.env.DATABASE\u URL
访问应用程序的
DATABASE\u URL
配置变量

只要您在REACT应用程序构建时或从后端运行时（如果您有）使用
REACT\u APP\u WEATHER\u API\u KEY
环境变量，您就应该开始工作。
感谢Chris的编辑和回答。我只写了几个月的代码。我当前没有将heroku应用程序连接到我的终端。换句话说，我将所有代码推送到github，并启用了heroku应用程序的自动部署。您是否有一个关于如何使用已经建立并运行的heroku应用程序实现这一点的演练？可能是这样吗？：
heroku git:remote-a thawing-inlet-61413
（thawing-inlet-61413作为示例名称）@bgardne7，这就是。堆栈溢出不是用来取代官方文档的，所以我建议您查看该链接并尝试安装它。非常方便。但在任何情况下，您都可以在web仪表板中设置这些值，正如我在回答中链接的那样。这对你来说可能是一个较低的障碍选项。是的，你可以使用heroku git:remote-a将你的本地副本连接到一个名为
.Booyah的现有应用程序！就这样，已经安装了Heroku CLI，只需通过Heroku git:remote-a连接我的应用程序，然后我运行了Heroku config:set-REACT\u-app\u-WEATHER\u-API\u-KEY=123456，效果非常好。感谢您的故障排除帮助！谢谢克里斯的编辑和回答。我只写了几个月的代码。我当前没有将heroku应用程序连接到我的终端。换句话说，我将所有代码推送到github，并启用了heroku应用程序的自动部署。您是否有一个关于如何使用已经建立并运行的heroku应用程序实现这一点的演练？可能是这样吗？：
heroku git:remote-a thawing-inlet-61413
（thawing-inlet-61413作为示例名称）@bgardne7，这就是。堆栈溢出不是用来取代官方文档的，所以我建议您查看该链接并尝试安装它。非常方便。但在任何情况下，您都可以在web仪表板中设置这些值，正如我在回答中链接的那样。这对你来说可能是一个较低的障碍选项。是的，你可以使用heroku git:remote-a将你的本地副本连接到一个名为
.Booyah的现有应用程序！就这样，已经安装了Heroku CLI，只需通过Heroku git:remote-a连接我的应用程序，然后我运行了Heroku config:set-REACT\u-app\u-WEATHER\u-API\u-KEY=123456，效果非常好。感谢您的故障排除帮助！
heroku config:set REACT_APP_WEATHER_API_KEY=123456