将连接字符串添加到生产应用程序

Question

我有一个可供生产的应用程序。为了使其正常工作，每个客户端都需要设置一个唯一的URL来访问其数据。我将如何准备该应用程序，以使其易于将url添加为客户端的访问点？

执行此操作的正确方法是将其添加到manifest.json文件中，并以某种方式从那里引用它吗？ （直到现在开发中，我只在js文件中使用了全局URL）

Answer 1

您需要安装软件包dotenv package，并在根目录中创建一个.env文件，该文件应包含您的环境变量。

假设您要引用的URl在本地主机上为http://localhost:3000/some/url，那么您的.env文件可能如下所示：

MY_URL=http://localhost:3000/some/url

然后在您的react应用程序中，您可以通过执行以下操作来获取MY_URL的值：

const url = process.env.MY_URL

请注意，如果您使用的是create-react-app package，则由于dotenv package已经附带了create-react-app package，因此不需要安装。您还需要更改它：

REACT_APP_MY_URL=http://localhost:3000/some/url

还要确保将.env文件添加到.gitignore文件中，以免将其推送到存储库中。

假设您正在将应用程序部署到Heroku。 Heroku提供了一个简单的界面，使您可以添加如下所示的环境变量：

here

就是这样。

Answer 2

也许您可以将它们存储在environment variables中？

这样，您以后就可以随时编辑它们而不必更改组件。