web console实现
2024-10-18 17:04:27
一、效果图
二、实现
web console是基于websocket实现的。
以上做的效果嵌入项目中,因为项目本身是angular1的项目,所以console整体封装成一个angualr module。
在这个独立module上挂上封装的指令,指令内部来实现上图所示的所有操作、交互。
js 应用部分:
①
.config(['kubernetesContainerSocketProvider',function(kubernetesContainerSocketProvider) {
kubernetesContainerSocketProvider.WebSocketFactory = "CustomWebSockets";
}]) ②
//定义factory,初始化 web console
.factory("CustomWebSockets", CustomWebSockets); ③
CustomWebSockets.$inject = ['$location'];
function CustomWebSockets($location){
return function CustomWebSocket(url) {
url = 'ws://'+$location.host()+':'+$location.port()+'/websocket';
return new WebSocket(url);
};
}
html 片段:
<!--console-->
<md-tab id="terminal">
<md-tab-label>控制台</md-tab-label>
<md-tab-body>
<kubernetes-container-terminal pod="wsParam" container="containerName" prevent="preventSocket" rows="rows" cols="cols" sendParam = "wsParam" screen-keys="true" autofocus="true">
</kubernetes-container-terminal>
</md-tab-body>
</md-tab>
注意点:
数据交互形式为 base64格式,进出都需要编码、解码。
核心指令代码太长,就不贴了,有需要可以联系我。
最新文章
- JSON生成c#类代码小工具
- ALT+TAB切换时小图标的添加 界面透明 屏幕大小 竖行字体 进程信息
- noi 4977 怪盗基德的滑翔翼
- 64位Win7下编译hadoop 1.2.1问题解决
- 利用MyEclipse自动创建PO类、hbm文件(映射文件)、DAO
- hdu 3590 PP and QQ 博弈论
- Android入门教程之我见
- Android程序安装后在模拟器上不显示,并且控制台显示The launch will only sync the application package on the device!
- python爬虫__第一个爬虫程序
- PHP执行linux命令mkdir权限问题
- linux如何自动获取ip地址
- scrapy_cookie禁用_延迟下载_自定义爬虫setting
- 【爆料】-《阿伯丁大学毕业证书》AU一模一样原件
- Linux中对swap分区的配置
- Ubuntu 18.04拨号上网及校园网开启IPV6
- JWT ajax java spingmvc 简洁教程
- 自学Linux Shell18.3-sed实用工具
- 获取页面元素的css属性
- centos7 安装后静态ip的配置
- 【C#】使用NHibernate连接MySQL数据库及增删改查