Access Control Tree Demo


JSON data bellow is an access control tree configured for todo app bellow. Based on the object tree, access-control-tree will generate 6 access scope that you can saved on databases and grant to user for determining access to authenticated user.

visit our github repo for documentation on how to get started.

{
  "todo": {
    "view": "Enable user to view todo list page",
    "action": {
      "toggle": "Enable user to toggle todo value",
      "edit": "Enable user to edit todo item",
      "create": "Enable user to add todo item",
      "delete": "Enable user to delete todo item"
    }
  },
  "extra": {
    "sayHi": "Enable user to say hi"
  }
}

Try granting access scope bellow to see the action...


  • todo.view

Todo App


  • Try adding `todo.action.delete` access scope...
  • Watch the trash button show on scope added...
  • Then add `todo.action.create` scope to grant create todo to user...
  • Sorry, you don't have access to add todo list