前后端通信
这里的前后端通信指的是kibana插件server端与client端通信。一般都是http请求,本章讲解angulajs与react两种模式下通信如何编写。

server端

在index.js初始化server端代码

初始化

1
import serverRoute from './server/routes/server';
2
init(server, options) {
3
// Add server routes and initialize the plugin here
4
serverRoute(server, options);
5
});
Copied!

构建路由

在serverRoute.js中新增如下方法
1
export default function (server) {
2
server.route({
3
path: '/api/cleaner/_stats',
4
method: 'GET',
5
handler(req, reply) {
6
reply({"message":"Hello World!"});
7
}
8
});
9
}
Copied!

angularjs

1
$http
2
.get('../api/cleaner/_stats')
3
.then((response) => {
4
console.log(response);
5
});
Copied!

react

使用axios实现http通信
1
import axios from 'axios';
2
const { data } = await axios('../api/cleaner/_stats');
Copied!