为多租户应用程序设计UI

Question

我们正在为Web应用程序开发具有共享模式的多租户应用程序。我想了解设计UI策略的最佳做法。

我们将为saas所有者（如管理员，帮助台，客户经理）扮演不同的角色，因此SAAS所有者可能需要有多个用户来访问应用程序并完成工作。

HelpDesk：：如果租户出票，服务台团队将能够查看和解决。

帐户管理：：帐户管理员可能需要访问租户的付款信息以跟进租户。

ServiceManagers ：执行维护和升级等。

在这种情况下

我们是否需要为“ Saas所有者”和“租户”使用不同的UI，还是更好地使用权限和角色来管理它？

任何最佳做法？

Answer 1

有很多方面可以决定交付方式

1. 如果您更喜欢使用Micro FrontEnds，则可以将admin和承租人功能分开。但是，服务台，帐户管理等单个功能可以作为单独的微型前端
2. 租户应该有一些选项可以将UI贴上白色标签（自定义徽标，自定义主题，自定义布局（更多的开发工作））等。

无论有无微前端，您的UI层都应基于作为用户角色的聚集（甚至跨租户）而来的权限来工作。

UI始终具有对API的探测，以获取权限并根据授予用户的权限来呈现各种UI组件。

我们曾经构建过自定义UI组件，例如自定义网格，自定义表单等，以便可以根据用户可能拥有的权限使用权限来显示或隐藏各种UI元素。

Ex：在管理员的背景下，我将能够看到所有团队成员，但是在Service Administrator的背景下，我将能够将成员分配给各种承租人功能，例如服务台， Administrator无法执行的计费等操作，但是可以查看映射。

类似地，您的业务需求将驱动UI，因此，如果您遵循对UI使用permissions的话，它总是very fine-grained且易于管理，而不是依赖于像{{ 1}}。

HTH