- Kibana Guide: other versions:
- What is Kibana?
- What’s new in 7.13
- Kibana concepts
- Quick start
- Set up
- Install Kibana
- Configure Kibana
- Alerting and action settings
- APM settings
- Banners settings
- Development tools settings
- Graph settings
- Fleet settings
- i18n settings
- Logging settings
- Logs settings
- Metrics settings
- Machine learning settings
- Monitoring settings
- Reporting settings
- Secure settings
- Search sessions settings
- Security settings
- Spaces settings
- Task Manager settings
- Telemetry settings
- URL drilldown settings
- Start and stop Kibana
- Access Kibana
- Securing access to Kibana
- Add data
- Upgrade Kibana
- Embed Kibana content in a web page
- Configure monitoring
- Configure security
- Production considerations
- Discover
- Dashboard
- Canvas
- Maps
- Machine learning
- Graph
- Alerting
- Observability
- APM
- Security
- Dev Tools
- Stack Monitoring
- Stack Management
- Fleet
- Reporting
- REST API
- Kibana plugins
- Accessibility
- Release notes
- Developer guide
Application service
editApplication service
editKibana has migrated to be a Single Page Application. Plugins should use Application service
API to instruct Kibana that an application should be loaded and rendered in the UI in response to user interactions. The service also provides utilities for controlling the navigation link state, seamlessly integrating routing between applications, and loading async chunks on demand.
The Application service is only available client side.
import { AppMountParameters, CoreSetup, Plugin, DEFAULT_APP_CATEGORIES } from 'kibana/public'; export class MyPlugin implements Plugin { public setup(core: CoreSetup) { core.application.register({ category: DEFAULT_APP_CATEGORIES.kibana, id: 'my-plugin', title: 'my plugin title', euiIconType: '/path/to/some.svg', order: 100, appRoute: '/app/my_plugin', async mount(params: AppMountParameters) { // Load application bundle const { renderApp } = await import('./application'); // Get start services const [coreStart, depsStart] = await core.getStartServices(); // Render the application return renderApp(coreStart, depsStart, params); }, }); } }
Application specific URL. |
|
|
|
|
|
|
you are free to use any UI library to render a plugin application in DOM. However, we recommend using React and EUI for all your basic UI components to create a consistent UI experience.