evan/next-terminal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复了动态指令灰屏的问题

Browse Source
This commit is contained in:
dushixiang 2021-01-09 12:02:46 +08:00
parent 52beffd9c1
commit df65341193
7 changed files with 63 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/package.json
View File

@ -1,6 +1,6 @@
{
"name": "next-terminal",
"version": "0.0.5",
"version": "0.0.6",
"private": true,
"dependencies": {
"@ant-design/icons": "^4.3.0",

11
web/src/common/constants.js
View File

@ -1,7 +1,14 @@
// prod
let wsPrefix;
if (window.location.protocol === 'https') {
wsPrefix = 'wss:'
} else {
wsPrefix = 'ws:'
}
export const server = '';
export const wsServer = '';
export const prefix = '';
export const wsServer = wsPrefix + window.location.host;
export const prefix = window.location.protocol + ':' + window.location.host;
// dev
// export const server = '//127.0.0.1:8088';

84
web/src/common/request.js
View File

@ -1,12 +1,12 @@
import axios from 'axios'
import {prefix, server} from "./constants";
import {server} from "./constants";
import {message} from 'antd';
import {getHeaders} from "../utils/utils";
// 测试地址
// axios.defaults.baseURL = server;
// 线上地址
axios.defaults.baseURL = server + prefix;
axios.defaults.baseURL = server;
const handleError = (error) => {
if ("Network Error" === error.toString()) {
@ -35,14 +35,14 @@ const request = {
return new Promise((resolve, reject) => {
axios.get(url, {headers: headers})
.then((response) => {
handleResult(response.data);
resolve(response.data);
})
.catch((error) => {
handleError(error);
reject(error);
});
.then((response) => {
handleResult(response.data);
resolve(response.data);
})
.catch((error) => {
handleError(error);
reject(error);
});
})
},
@ -52,14 +52,14 @@ const request = {
return new Promise((resolve, reject) => {
axios.post(url, params, {headers: headers})
.then((response) => {
handleResult(response.data);
resolve(response.data);
})
.catch((error) => {
handleError(error);
reject(error);
});
.then((response) => {
handleResult(response.data);
resolve(response.data);
})
.catch((error) => {
handleError(error);
reject(error);
});
})
},
@ -69,14 +69,14 @@ const request = {
return new Promise((resolve, reject) => {
axios.put(url, params, {headers: headers})
.then((response) => {
handleResult(response.data);
resolve(response.data);
})
.catch((error) => {
handleError(error);
reject(error);
});
.then((response) => {
handleResult(response.data);
resolve(response.data);
})
.catch((error) => {
handleError(error);
reject(error);
});
})
},
@ -85,14 +85,14 @@ const request = {
return new Promise((resolve, reject) => {
axios.delete(url, {headers: headers})
.then((response) => {
handleResult(response.data);
resolve(response.data);
})
.catch((error) => {
handleError(error);
reject(error);
});
.then((response) => {
handleResult(response.data);
resolve(response.data);
})
.catch((error) => {
handleError(error);
reject(error);
});
})
},
@ -101,14 +101,14 @@ const request = {
return new Promise((resolve, reject) => {
axios.patch(url, params, {headers: headers})
.then((response) => {
handleResult(response.data);
resolve(response.data);
})
.catch((error) => {
handleError(error);
reject(error);
});
.then((response) => {
handleResult(response.data);
resolve(response.data);
})
.catch((error) => {
handleError(error);
reject(error);
});
})
},
};

10
web/src/components/access/Access.js
View File

@ -19,7 +19,7 @@ import {
} from 'antd'
import qs from "qs";
import request from "../../common/request";
import {prefix, server, wsServer} from "../../common/constants";
import {server, wsServer} from "../../common/constants";
import {
CloudDownloadOutlined,
CloudUploadOutlined,
@ -406,7 +406,7 @@ class Access extends Component {
async renderDisplay(sessionId, protocol) {
let tunnel = new Guacamole.WebSocketTunnel(wsServer + prefix + '/tunnel');
let tunnel = new Guacamole.WebSocketTunnel(wsServer + '/tunnel');
tunnel.onstatechange = this.onTunnelStateChange;
// Get new client instance
@ -658,7 +658,7 @@ class Access extends Component {
message.warning('当前只支持下载文件');
return;
}
download(`${server}${prefix}/sessions/${this.state.sessionId}/download?file=${this.state.selectNode.key}`);
download(`${server}/sessions/${this.state.sessionId}/download?file=${this.state.selectNode.key}`);
}
rmdir = async () => {
@ -711,7 +711,7 @@ class Access extends Component {
}
getTreeNodes = async (key) => {
const url = server + prefix + '/sessions/' + this.state.sessionId + '/ls?dir=' + key;
const url = server + '/sessions/' + this.state.sessionId + '/ls?dir=' + key;
let result = await request.get(url);
@ -845,7 +845,7 @@ class Access extends Component {
onCancel={this.handleUploadCancel}
>
<Upload
action={server + prefix + '/sessions/' + this.state.sessionId + '/upload?X-Auth-Token=' + getToken() + '&dir=' + this.state.selectNode.key}>
action={server + '/sessions/' + this.state.sessionId + '/upload?X-Auth-Token=' + getToken() + '&dir=' + this.state.selectNode.key}>
<Button icon={<UploadOutlined/>}>上传文件</Button>
</Upload>
</Modal>

4
web/src/components/access/Console.js
View File

@ -3,7 +3,7 @@ import "xterm/css/xterm.css"
import {Terminal} from "xterm";
import {AttachAddon} from 'xterm-addon-attach';
import qs from "qs";
import {prefix, wsServer} from "../../common/constants";
import {wsServer} from "../../common/constants";
import "./Console.css"
import {getToken} from "../../utils/utils";
@ -61,7 +61,7 @@ class Console extends Component {
let token = getToken();
let webSocket = new WebSocket(wsServer + prefix + '/ssh?X-Auth-Token=' + token + '&' + paramStr);
let webSocket = new WebSocket(wsServer + '/ssh?X-Auth-Token=' + token + '&' + paramStr);
term.loadAddon(new AttachAddon(webSocket));
this.props.appendWebsocket(webSocket);

4
web/src/components/access/Monitor.js
View File

@ -2,7 +2,7 @@ import React, {Component} from 'react';
import Guacamole from 'guacamole-common-js';
import {message, Modal} from 'antd'
import qs from "qs";
import {prefix, wsServer} from "../../common/constants";
import {wsServer} from "../../common/constants";
import {getToken} from "../../utils/utils";
import './Access.css'
@ -178,7 +178,7 @@ class Access extends Component {
async renderDisplay(connectionId, protocol) {
let tunnel = new Guacamole.WebSocketTunnel(wsServer + prefix + '/tunnel');
let tunnel = new Guacamole.WebSocketTunnel(wsServer + '/tunnel');
tunnel.onstatechange = this.onTunnelStateChange;
let client = new Guacamole.Client(tunnel);

4
web/src/components/session/Playback.js
View File

@ -1,6 +1,6 @@
import React, {Component} from 'react';
import Guacamole from "guacamole-common-js";
import {prefix, server} from "../../common/constants";
import {server} from "../../common/constants";
class Playback extends Component {
@ -14,7 +14,7 @@ class Playback extends Component {
}
initPlayer(sessionId) {
var RECORDING_URL = `${server + prefix}/sessions/${sessionId}/recording`;
var RECORDING_URL = `${server}/sessions/${sessionId}/recording`;
var player = document.getElementById('player');
var display = document.getElementById('display');