如何在网页上实现安全性并向未经授权的用户隐藏代码？

Question

我正在创建一个可以查看敏感信息的统计信息网页。

该网页具有一种表，其中包含大量数据，这些表可编辑并存储在Server的数据库中。但是它需要在用户获得正确的身份验证之前（例如登录）被隐藏。 （表本身也是代码）。但是我发现堆栈溢出中的大多数问题都说这基本上是不可能的。但是，当我看到许多知名网站时，似乎它们很好地隐藏了它们。因此，我想有一些解决问题的方法。

首先，我构建了完整的React-Express-Node-MariaDB工具链。

react client负责呈现网页和可编辑表格的内容，并请求提交已编辑的内容。

[C0负责从数据库中检索数据，更新数据库（提供从客户端进行操作的数据-就这些了）

当我考虑客户端代码的安全性时出现问题。我想隐藏页面的所有内容（不仅是来自服务器的数据，还包括其逻辑和功能）

为了实现我的目标，我考虑了几件事，但是我怀疑它是否正确，并且如果我创造出来就可以很好地工作。

1. 使用服务器端渲染-由于性能原因和可用资源不足，无法使用

   • 服务器端呈现可能会向用户隐藏逻辑，因为它忽略了服务器中唯一的HTML，并且所有操作都已提交给服务器，服务器会处理这些操作并提供其结果。
   • 因此，我一开始只能提供登录页面，如果登录成功，则可以从服务器发送其余的HTML及其逻辑。
   • 问题是我网页上的内容非常庞大，并且会经常与用户互动，并且在我的表上应用虚拟化（由于性能原因），它的数据和渲染逻辑应该由网络浏览器处理。

2. 结合SSR和客户端渲染

• 我对此不确定，我怀疑是否可能。
• 使用SSR对未经授权的用户隐藏网站的内容，如果获得授权，Web浏览器将根据需要呈现其全部内容。 （授权前应隐藏代码和逻辑，未授权的用户只能看到登录页面）
• 有可能做到吗？

按需获取代码。

• 也是我的检查，这就是我想要的。但我强烈怀疑是否可行。
• 工作流程如下如果用户未登录：：用户只能看到登录页面及其代码如果用户已登录：：用户可以查看页面的功能，例如管理，统计信息等。如果用户采用以下特定功能：：从服务器下载了呈现逻辑和HTTP请求接口（或者性能降低的逻辑，否则...），它将呈现用户想要查看和执行的操作。

不要从上述想法中找到方法。您可以提供一些概述来实现这种网页吗？我是Web编程的新手，所以找不到合适的方法。我想知道如何使用哪种解决方案，库，结构来实现这一目标。

我应该为此使用哪个库或软件包？我该如何实施？

或者您能向我描述现代网站如何实现这一目标吗？ （我认为SAP系统与我想要实现的功能非常相似）

我正在创建一个可以查看敏感信息的统计信息网页。该网页具有一种表，其中包含大量数据，这些表可编辑并存储在Server的数据库中。但这必须是...

Answer 1

前言