terminal-portlet

需求：

最近我们有一个需求，需要开发一个终端portlet,让其在portlet页面上有一个按钮，然后 点击这个按钮会弹出一个终端控制台，并且这个终端控制台可以访问某台Linux服务器并且读取上面的文件。

研究准备：

关于这个问题，我一开始觉得很简单，因为我一下子就想出了2种方案：

（ 1）用Runtime类和ProcessBuilder类：

这种方案可以打开一个控制台终端并且可以让你以任意的方式 访问Linux机器，代码如下：

public class ProcessDemo { 

                public static void main(String[] args) throws Exception { 

                                Process process = null;
                                try {  

                                                String[] newcmd = new String[]

{"/usr/bin/xterm","-hold","-e","ssh portal@172.29.54.6"};
                                                  Process p = Runtime.getRuntime().exec(newcmd);
                                } catch (IOException ex) {
                                    System.err.println(ex);
                                }  

                } 

}

但是，它无法使用于基于Browser的应用，所以我们需求它满足不了。

（2）可以用embed <applet>到portlet页面中，这种方案，网上已经有了现成的解决方案，具体代码可以见： http://www.emforge.net/web/liferay/sources? p_p_id=scmportlet_WAR_emforgeportlet&p_p_lifecycle=0&p_p_state=maximized&p_p_mode=vi ew&_scmportlet_WAR_emforgeportlet_action=browse&_scmportlet_WAR_emforgeportlet_path=plug ins%2Fbranches%2F5.1.x%2Fportlets%2Fsshterm-portlet%2Fdocroot 但是，我们并不主张用这种方法。

后来，我经过思考，并且参照网上文章，想出了以下的解决方案：

解决方案概述：

新 的解决方案就是用Ext-js的Panel来绘制控制台窗口，我们吧黑色的面板嵌套在窗口中，就得到了控制台。控 制台么，也就是无外乎一些命令行提示和一些命令的执行。我们吧提示文本渲染到面板中，然后当用户输入命 令时，我们发送ajax请求到Portlet的服务端，portlet的serveResource中会解析命令文本，并且用相应的工 具类来与Linux服务器打交道， 并且吧处理结果封装在一个json对象返回到客户端，客户端在渲染这些结果到 面板中。

方案细节：

在这个方案中，我们首先的是开发一个portlet,并且在页面上有一个 Button,点击Button会触发一个终端窗口，所以我们的view.jsp如下：

<%@ include 

file="/html/init.jsp"%> 

<script type="text/javascript"> 

var terminal_cmd_processing_url='<portlet:resourceURL/>'; 

Ext.onReady(function(){
                 var termwin; 

                 //get the button object based on its dom id,returns an Ext.Element object
             var button = Ext.get('open-terminal'); 

             //add the button click event
             button.on('click', function(){
                          //create a window panel and show it
                                   termwin = new Ext.Window({
                             layout: 'fit',  //fit the panel to the container
                             title: 'Platform Portal Terminal Window',
                              width:600,
                             height:400,
                             x: 200, //x-position of the window left edge relative to container
                             y: 80,  //y-position of the window top edge relative to container
                             draggable:true,
                             resizable:true,
                             items:  

                             //the only component in this window is a terminalpanel(self defined component type)
                             {
                                  //set the properties of the terminalpanel
                                 xtype: 'terminalpanel',
                                 url: terminal_cmd_processing_url,
                                 hello_info: 'Welcome to Pangaea Platform Terminal! ',
                                 prompt_info: 'Platform&gt&nbsp;',
                                 region: 'center'
                                            }
                                   }).show(); //show this window
             });
         });
         </script>
</head>
<body>
<h1>Ajax Terminal Panel</h1>
<p>This example will launch an ajax terminal window which can be used for view log files 

in different machines.</p>
<input type="button" id="open-terminal" value="Open a Terminal:" /><br /><br />
</body>

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索控制台
， 终端
， terminal
， window
， terminate
， portlet
， 一个
， The
Ext.Element
，以便于您获取更多的相关知识。