Casbin-editor is a web-based Casbin model and policy editor. It's based on React + TypeScript.
Use the Casbin-editor to write your Casbin model and policy in your web browser. It provides functionality such as syntax highlighting and code completion, just like an IDE for a programming language.
Try it at either:
- Casbin official website: https://casbin.org/en/editor.
- Our standalone GitHub pages: https://casbin.org/casbin-editor/
Casbin-editor is a pure frontend Javascript project. It uses node-casbin to perform policy enforcement. It's notable that node-casbin can be used either in frontend Javascript or Node.js.
This project can be viewed as an example for using node-casbin in the browser.
npm install
npm start
Open browser: http://localhost:3000/
npm deploy
The generated static pages will be pushed into gh-pages
branch of origin
and published in GitHub Pages (https://casbin.org/casbin-editor/). The Casbin official site (https://casbin.org/en/editor) uses iframe to embed the published GitHub pages.