SpringBoot-Admin集成诊断利器Arthas实践(1)

最新推荐文章于 2024-05-07 16:16:38 发布

2401_84048416

最新推荐文章于 2024-05-07 16:16:38 发布

阅读量718

点赞数 24

分类专栏：程序员文章标签： spring boot 前端 javascript

本文链接：https://blog.csdn.net/2401_84048416/article/details/137573929

版权

程序员专栏收录该内容

259 篇文章 0 订阅

订阅专栏

Select Application： Connect Disconnect Release

Arthas.js 存储页面控制的 js

var registerApplications = null;
var applications = null;
$(document).ready(function () {
reloadRegisterApplications();
reloadApplications();
});
/**

获取注册的arthas客户端
/
function reloadRegisterApplications() {
var result = reqSync(“/api/arthas/clients”, “get”);
registerApplications = result;
initSelect(“#selectServer”, registerApplications, “”);
}
/*
获取注册的应用
/
function reloadApplications() {
applications = reqSync(“/api/applications”, “get”);
console.log(applications)
}
/*
初始化下拉选择框
/
function initSelect(uiSelect, list, key) {
$(uiSelect).html(‘’);
var server;
for (var i = 0; i < list.length; i++) {
server = list[i].toLowerCase().split(“@”);
if (“phantom-admin” === server[0]) continue;
$(uiSelect).append(“” + server[0] + “”);
}
}
/*
重置配置文件
*/
function release() {
var currentServer = $(“#selectServer”).text();
for (var i = 0; i < applications.length; i++) {
serverId = applications[i].id;
serverName = applications[i].name.toLowerCase();
console.log(serverId + “/” + serverName);
if (currentServer === serverName) {
var result = reqSync(“/api/applications/” +serverId+ “/env/reset”, “post”);
alert(“env reset success”);
}
}
}
function reqSync(url, method) {
var result = null;
$.ajax({
url: url,
type: method,
async: false, //使用同步的方式,true为异步方式
headers: {
‘Content-Type’: ‘application/json;charset=utf8;’,
},
success: function (data) {
// console.log(data);
result = data;
},
error: function (data) {
console.log(“error”);
}
});
return result;
}
Web-console.js

修改了连接部分代码，参考一下。

var ws;
var xterm;
/有修改/
$(function () {
var url = window.location.href;
var ip = getUrlParam(‘ip’);
var port = getUrlParam(‘port’);
var agentId = getUrlParam(‘agentId’);
if (ip != ‘’ && ip != null) {
$(‘#ip’).val(ip);
} else {
$(‘#ip’).val(window.location.hostname);
}
if (port != ‘’ && port != null) {
$(‘#port’).val(port);
}
if (agentId != ‘’ && agentId != null) {
$(‘#selectServer’).val(agentId);
}
// startConnect(true);
});
/** get params in url /
function getUrlParam (name, url) {
if (!url) url = window.location.href;
name = name.replace(/[[]]/g, ‘\ $KaTeX parse error: Expected 'EOF', got '&' at position 1: &̲'); var regex =\dots$ )’),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return ‘’;
return decodeURIComponent(results[2].replace(/+/g, ’ ‘));
}
function getCharSize () {
var tempDiv = $(’

‘).attr({‘role’: ‘listitem’});
var tempSpan = $(’

').html(‘qwertyuiopasdfghjklzxcvbnm’);
tempDiv.append(tempSpan);
$(“html body”).append(tempDiv);
var size = {
width: tempSpan.outerWidth() / 26,
height: tempSpan.outerHeight(),
left: tempDiv.outerWidth() - tempSpan.outerWidth(),
top: tempDiv.outerHeight() - tempSpan.outerHeight(),
};
tempDiv.remove();
return size;
}
function getWindowSize () {
var e = window;
var a = ‘inner’;
if (!(‘innerWidth’ in window )) {
a = ‘client’;
e = document.documentElement || document.body;
}
var terminalDiv = document.getElementById(“terminal-card”);
var terminalDivRect = terminalDiv.getBoundingClientRect();
return {
width: terminalDivRect.width,
height: e[a + ‘Height’] - terminalDivRect.top
};
}
function getTerminalSize () {
var charSize = getCharSize();
var windowSize = getWindowSize();
console.log(‘charsize’);
console.log(charSize);
console.log(‘windowSize’);
console.log(windowSize);
return {
cols: Math.floor((windowSize.width - charSize.left) / 10),
rows: Math.floor((windowSize.height - charSize.top) / 17)
};
}
/ init websocket /
function initWs (ip, port, agentId) {
var protocol= location.protocol === ‘https:’ ? ‘wss://’ : ‘ws://’;
var path = protocol + ip + ‘:’ + port + ‘/ws?method=connectArthas&id=’ + agentId;
ws = new WebSocket(path);
}
/ init xterm /
function initXterm (cols, rows) {
xterm = new Terminal({
cols: cols,
rows: rows,
screenReaderMode: true,
rendererType: ‘canvas’,
convertEol: true
});
}
/ 有修改 begin connect /
function startConnect (silent) {
var ip = $(‘#ip’).val();
var port = $(‘#port’).val();
var agentId = $(‘#selectServer’).val();
if (ip == ‘’ || port == ‘’) {
alert(‘Ip or port can not be empty’);
return;
}
if (agentId == ‘’) {
if (silent) {
return;
}
alert(‘AgentId can not be empty’);
return;
}
if (ws != null) {
alert(‘Already connected’);
return;
}
// init webSocket
initWs(ip, port, agentId);
ws.onerror = function () {
ws.close();
ws = null;
!silent && alert(‘Connect error’);
};
ws.onclose = function (message) {
if (message.code === 2000) {
alert(message.reason);
}
};
ws.onopen = function () {
console.log(‘open’);
$(‘#fullSc’).show();
var terminalSize = getTerminalSize()
console.log(‘terminalSize’)
console.log(terminalSize)
// init xterm
initXterm(terminalSize.cols, terminalSize.rows)
ws.onmessage = function (event) {
if (event.type === ‘message’) {
var data = event.data;
xterm.write(data);
}
};
xterm.open(document.getElementById(‘terminal’));
xterm.on(‘data’, function (data) {
ws.send(JSON.stringify({action: ‘read’, data: data}))
});
ws.send(JSON.stringify({action: ‘resize’, cols: terminalSize.cols, rows: terminalSize.rows}));
window.setInterval(function () {
if (ws != null && ws.readyState === 1) {
ws.send(JSON.stringify({action: ‘read’, data: “”}));
}
}, 30000);
}
}
function disconnect () {
try {
ws.close();
ws.onmessage = null;
ws.onclose = null;
ws = null;
xterm.destroy();
$(‘#fullSc’).hide();
alert(‘Connection was closed successfully!’);
} catch (e) {
alert(‘No connection, please start connect first.’);
}
}
/ full screen show **/
function xtermFullScreen () {
var ele = document.getElementById(‘terminal-card’);
requestFullScreen(ele);
}
function requestFullScreen (element) {
var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
if (requestMethod) {
requestMethod.call(element);
} else if (typeof window.ActiveXObject !== “undefined”) {
var wscript = new ActiveXObject(“WScript.Shell”);
if (wscript !== null) {
wscript.SendKeys(“{F11}”);
}
}
}