EdgeNode Micro App
EdgeNode is a front-end Micro App.
Install
use npm
npm install edge-node-micro-app
or use yarn
yarn add edge-node-micro-app
Usage
Before that, you must have installed the VueRouter.
For example:
import router from '../router'
import registerEdgeNodeMicroApp from 'edge-node-micro-app'
const logo = 'xxxx'
const onlineIcon = 'xxx'
const offlineIcon = 'xxx'
registerEdgeNodeMicroApp({
autoRegister: {
router,
parentRouterName: 'basic',
routerMeta: {},
},
name: 'node-admin',
activeRule: '/node-admin/',
entry: 'http://localhost:3000',
props: {
token: 'xxx',
apiHost: 'http://127.0.0.1:8080',
socketHost: 'http://127.0.0.1:8080',
design: {
primaryColor: '#f15713',
appName: '',
appIcon: logo,
},
node: {
onlineIcon,
offlineIcon,
onlineColor: '#6acc25',
offlineColor: '#ed5653',
background: '#171717',
color: '#ffffff',
},
beforeDelete: () => {
Promise.then(true)
},
},
})
Then you can display the page by configuring node-manager('/node-admin/'
) and image-version('/node-admin/image'
) in any menu.
EdgeNode Micro App Basic Props
Param | Desc | Required |
---|
router | VueRouter Instance | yes |
parentRouterName | Parent Router Name, Which parent route do you want to place the route under, usually in a layout with a menu | no |
routerMeta | Custom Meta,Configure according to the meta supported by your current project | no |
entry | Micro App URL | yes |
props | MicroApp Props | no |
Qiankun Props
Param | Desc | Required |
---|
token | Api token | yes |
apiHost | Api Host | no |
socketHost | Ws Host | no |
MicroApp Design Props
Param | Desc | Required |
---|
primaryColor | Primary Color | no |
appName | Micro App name | no |
appIcon | Micro App icon | no |
MicroApp EdgeNode Manage Props
Param | Desc | Required |
---|
onlineIcon | Online Icon | no |
offlineIcon | Offline Icon | no |
onlineColor | Online Text Color | no |
offlineColor | Offline Text Color | no |
background | Node Background | no |
color | Node Font Color | no |
beforeDelete | 删除节点前回调 async ():Promise => {} | no |