javascript - 如何在 Angular2 中保护我的代码？

Question

想象一下有一个应用程序，它有繁重的管理界面和很多很酷的功能，以及简单的用户界面，就像一个按钮。我知道我可以基于某些东西(键、散列或其他)限制我对我的 url(组件)的访问。我想要实现的是:如果后端确定我是普通用户 - 它只发送小型应用程序(例如只有一个带按钮的组件)并且用户不会收到(整个站点功能)的所有重组件代码。所以他将无法分析我的管理 javascript。如果后端描述我是员工 - 前端应该为员工接收所有必要的组件。如果我是管理员，我应该收到所有组件。

Answer 1

问题是:

你真的需要它吗？

一般模式是发送整个 js 捆绑文件(您可以对其进行模糊处理、缩小等)，但它仍将包含您已实现的模板和代码。在大多数情况下，这不是问题，因为实际上没有敏感数据。重点是正确保护 REST API 端点。

如果你真的想要

您可以使用例如webpack或任何其他允许您创建单独的 bundle 并仅在需要时(例如成功登录后)才加载适当代码块的捆绑系统。在这里你有 webpack async loading .此资源将受到托管服务器的保护(需要授权用户 - 就像 REST API 调用一样)。