View a markdown version of this page

配置基于角色的页面可见性 - AWS 应用程序工作室

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

配置基于角色的页面可见性

您可以在 App Studio 应用程序中创建角色并根据这些角色配置页面的可见性。例如，您可以根据用户需求或访问级别创建角色，例如管理员、经理或用户，这些应用程序提供项目批准或索赔处理等功能，并使某些页面对特定角色可见。在此示例中，管理员可能具有完全访问权限，经理可能有权查看报告仪表板，用户可能有权访问带有输入表单的任务页面。

使用以下步骤在 App Studio 应用程序中配置基于角色的页面可见性。

  1. 如有必要，请导航到应用程序的应用程序工作室。在左侧导航菜单中，选择我的应用程序，找到您的应用程序，然后选择编辑。

  2. 在应用程序工作室中创建应用程序级别的角色。

    1. 选择应用程序工作室顶部的应用程序设置选项卡。

    2. 选择 + 添加角色

    3. 在角色名称中，提供一个名称以标识您的角色。我们建议使用描述群组访问级别或职责的名称，因为您将使用该名称来设置页面可见性。

    4. 或者，在描述中，为角色添加描述。

    5. 重复这些步骤，根据需要创建任意数量的角色。

  3. 配置页面的可见性

    1. 选择应用程序工作室顶部的页面选项卡。

    2. 从左侧的页面菜单中，选择要为其配置基于角色的可见性的页面。

    3. 在右侧菜单中，选择 “属性” 选项卡。

    4. 在 “可见性” 中，禁用 “向所有最终用户开放” 。

    5. 保持选中角色以从您在上一步中创建的角色列表中进行选择。选择 “自定义” 为更复杂的可见性配置编写 JavaScript 表达式。

      1. 选择角色后，选中页面可见的应用程序角色的复选框。

      2. 选择 “自定义” 后，输入解析为真或假的 JavaScript 表达式。使用以下示例检查当前用户是否具有管理员角色:{{currentUser.roles.includes('manager')}}。

  4. 现在您的可见性已配置完毕，您可以通过预览应用程序来测试页面的可见性。

    1. 选择 “预览” 可打开应用程序的预览。

    2. 在预览的右上角，选择 “预览方式” 菜单，然后选中要测试的角色的复选框。可见页面应反映所选角色。

  5. 现在，为已发布应用程序的应用程序角色分配群组。必须为每个环境分别配置组和角色分配。有关应用程序环境的更多信息，请参阅应用程序环境。

    注意

    您的应用程序必须发布到测试或生产环境，才能将 App Studio 群组分配给您创建和配置的角色。如有必要，发布您的应用程序以为角色分配群组。有关发布的更多信息，请参阅发布应用程序。

    1. 在应用程序工作室的右上角，选择 “共享” 。

    2. 选择要配置页面可见性的环境的选项卡。

    3. 选择搜索群组输入框，然后选择要与之共享应用程序版本的群组。您可以输入文本来搜索群组。

    4. 在下拉菜单中，选择要分配给群组的角色。您可以选择 “无角色” 来共享应用程序版本，而不向群组分配角色。没有角色的群组只能看到所有用户可见的页面。

    5. 选择共享。重复这些步骤，根据需要添加任意数量的群组。