Digital Enabler Rule Editor-Actions microfrontend
The Rule Editor-Actions microfrontend is a Rule Manager section of the editor that manages the creation of the Rule Actions. The Rule Editor-Actions works within the Rule Manger tool in which it is mounted, and help you to manage a creation of a new Rule.
NOTE: See here on how to mount a microfrontend and also here to more info about Microfrontend application for Digital Enabler.
This project is also available from the following CDN.
Before you continue you need to
- have NPM installed
- have NodeJS installed
- have VueJS and Vue-CLI installed
- have a GitHub account
- use VisualStudio Code or IntelliJ Idea as your development IDE
Open a Terminal window in the project folder and go inside the app folder, then launch the command:
npm install
NOTE: When install finished, do not care about the warnings on the versions and vulnerability problems reported, and DO NOT launch the
npm audit fix
ornpm audit fix –force commands
npm run serve
npm run build
npm run lint
NOTE: Alternatively to the command indicated above you can use the VueUI browser interface
To work properly the Rule Editor-Actions needs an rules-editor-config.json file with this settings:
{
"mf": "Rule Editor",
"api": "https://[generic_api_location]/api",
"storageImgs": "https://[assets_storage_url]/imgs"
}
and also the common_rulemanager_config.json with contains a definition of Assets and Actions managed in this app:
{
"mf":"RuleManager",
"assets":[
{
"type":"device",
"name":"Device",
"icon":"mdi-devices"
},
...,
"actions":[
{
"type":"device",
"name":"Device",
"icon":"mdi-devices"
},
...,
]
}
This json file must to be stored and setted as described here and also here.