gateone服务器安装 基本使用

服务器配置

项目gateone部署测试
内存4GB
处理器2
硬盘10GB
操作系统linux centos
环境LNMP (集成包就行)
基本配置python: 2.6+ or 3.2+ \ Tornado Framework 2.2+ \ git

gateone服务器安装

系统环境准备

在命令行终端中输入命令:

$ python -V

查看你本机是否安装了python,如果先安装python,然后安装pip:

$ wget  --no-check-certificate https://bootstrap.pypa.io/get-pip.py
$ sudo python get-pip.py

安装tornado:

$ sudo pip install tornado

安装完成之后,我们来验证一下我们的环境:

$ python -V
$ python -c "import tornado; print(tornado.version)"

gateone安装

如果本地没有安装git,则先安装git:

$ sudo apt-get install git

若上述命令不可用,可用yum安装 :

$ yum install git

获取Gate One源码并进行安装:

$ git clone https://github.com/liftoff/GateOne.git
$ cd GateOne
$ sudo python ./setup.py install

gateone验证

Gate One的配置文件是/etc/gateone/conf.d/10server.conf,我们采用默认的配置来验证即可。运行下面命令启动Gate One服务进程:

$ sudo gateone

在这里插入图片描述
启动后,通过打印的信息,我们看到Gate One服务监听了443端口号,然后在浏览器中输入https://127.0.0.1:443/即可打开gateone的网页。
在这里插入图片描述

gateone嵌入Web应用

基本嵌入方式

<!DOCTYPE html>
<html lang="en">
  <head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>Basic Embedding Gate One</title>
	<script src="https://127.0.0.1/static/gateone.js"></script>
	<script>
	  window.onload = function() {
		  // Initialize Gate One:
		  GateOne.init({url: 'https://127.0.0.1'});
	  }
	</script>
  </head>
  <body>
<div>Hello gateone!</div>
<!-- Decide where you want to put Gate One -->
	<div id="gateone_container" style="position: relative; width: 60em; height: 30em;">
		<div id="gateone"></div>
	</div>
  </body>
</html>

进阶

通过点击”Add a terminal“按钮来新建一个Terminal

<form id="add_terminal">
	<input type="submit" value="Add a Terminal" style="margin-left: .Sem;"></input>
</form>
<script>
	window.onload = function() {
		GateOne.init({
			url: 'https://127.0.0.1',
			embedded: true,
			// Let's apply some custom styles while we're at it ...
			style: { 'background-color': 'yellowgreen', 'box-shadow': '0 0 40px blueViolet'}
		});
	}
	document.querySelector('#add_terminal').onsubmit = function(e) {
		// Don't actually submit the form
		e.preventDefault(); 
		var existingContainer = GateOne.Utils.getNode('#'+GateOne.prefs.prefix+'container');
		var container = GateOne.Utils.createElement('div', {
			 'id': 'container', 'class': 'terminal', 'style': {'height': '100%', 'width': '100%'}
		});
		var gateone = GateOne.Utils.getNode('#gateone');
		if (!existingContainer) {
			gateone.appendChild(container);
		} else {
			container = existingContainer;
		}
		// Create the new terminal
		termNum = GateOne.Terminal.newTerminal(null, null, container); 
	}
</script>
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值