隐藏Firebase应用程序检查调试密钥,以便在React中进行开发

tf7tbtn2  于 2022-11-17  发布在  React
关注(0)|答案(1)|浏览(91)

当使用Firebase App check时,在开发过程中需要使用一个特殊的密钥,因为reCAPTCHA只在应用的实际域上工作(见此)。使用create-react-app时,我不确定在哪里隐藏这个密钥,这样它在生产中完全不可见,但在开发中对代码可用。另外,我希望这是尽可能自动的。

6ju8rftf

6ju8rftf1#

当我阅读到这个问题时,我假设你已经完成了项目的设置。

  • 现在你需要做的是从开发工具控制台获取密钥,Firebase docs here中描述了如何获取密钥。
  • Firebase控制台-〉应用程序检查-〉应用程序-〉三个点-〉管理调试令牌-〉添加调试令牌
  • 添加后,我将其添加到我的代码中,但要检查env是prod还是dev
  • 您可以将其添加到.env文件中,而不是直接对其进行硬编码
if (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') {
    window.FIREBASE_APPCHECK_DEBUG_TOKEN = 'your_debug_token';
  }
  • 有关整个设置的更多详细信息,请查看此答案

相关问题