Question

隐藏或阻止用户查看凭据（在WebService调用中实现）的最佳做法是什么。开发是ReactJS并使用Heroku来部署WebApp。

我有这个代码：

我想阻止用户查看凭据和一些安全细节。

Answer 1

我最近开始使用节点模块dotenv，并且非常喜欢它的使用方式。您需要做的就是安装它并使用您的环境变量创建一个.env文件：

<强> .ENV

SECRET_KEY=123456
ANOTHER_KEY=78901

然后，在您的申请中尽早提出要求：

require('dotenv').config()。

我在server.js文件（或任何你的名字）中这样做。

就是这样！现在可以通过process.env.{name}

访问存储在文件中的任何内容

例如：

let secret = process.env.SECRET_KEY;
console.log(secret); // 123456

Answer 2

在客户端无法做到这一点，因为所有HTTP调用都可以在Chrome Inspect Elements（或任何网络浏览器）的“网络”标签中轻松显示。

我建议您使用安全性，这样您就不在乎用户是否会看到您的HTTP端点。

您还可以考虑在服务器上发出HTTP请求，该服务器将充当客户端和API之间的桥梁。