谷歌社交登录按钮不显示

Question

我正在开发一个 FTW 模板，我从 ftw github 的一些提交中将谷歌登录逻辑添加到其中。现在我需要将 google 客户端 ID 添加到我的 .env 文件中，但在模板中我看到它位于 .env-template 文件中并且是空的。当我把它放在那里时，什么也没发生，我不知道为什么。

这是在我的 js 文件中使用客户端 ID 的方式：

const showGoogleLogin = !!process.env.REACT_APP_GOOGLE_CLIENT_ID;

这就是 env-template 部分的样子：

// Social logins && SSO
// If the app or client id is not set the auhtentication option is not shown in FTW

REACT_APP_FACEBOOK_APP_ID= FACEBOOK_APP_SECRET=

REACT_APP_GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

我应该在我的 .env 文件中移动这些变量吗？因为我做了但它仍然不起作用，所以什么也没显示。

Answer 1

您应该将其移至 .env 文件（或任何其他有效的 .env.* 扩展名）。

然后您必须停止并再次启动您的 React 应用程序，以便对新的环境变量进行新的更改。