F2etest教程之安装部署(一)-阿里云开发者社区

开发者社区> 麦老师> 正文

F2etest教程之安装部署(一)

简介: F2etest教程之安装部署
+关注继续查看

F2etest是阿里巴巴开源的一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案,GitHub地址:https://github.com/alibaba/f2etest

本文参考F2etest官方docker部署方案(https://www.yuque.com/artist/f2etest),请严格按照本教程进行安装,请先确保成功一次再进行二次修改!

前期准备:

CentOS7系统,4C4G,IP地址:192.168.1.201,关闭防火墙,关闭selinux
Windows2008r2系统,4C4G,IP地址:192.168.1.207,关闭防火墙

CentOS7配置开始

1、添加wlnmp源

rpm -ivh http://mirrors.wlnmp.com/centos/wlnmp-release-centos.noarch.rpm

2、安装所需依赖
yum install gcc gcc-c++ wget libpng-devel cairo-devel uuid-devel git libvncserver-devel

3、克隆f2etest镜像

由于github过慢,我这里做了码云的镜像,以下任选其一

cd /root
git clone https://github.com/alibaba/f2etest.git
git clone https://gitee.com/whsir/f2etest.git

4、安装jdk
yum install jdk1.8

5、安装tomcat
yum install tomcat

6、安装freerdp依赖

CentOS7与CentOS6不同,CentOS7默认提供的freerdp是2.0版本,经过测试guacamole-server编译时无法找到该包,所以我这里需要安装1.0版本的freerdp。

freerdp-devel-1.0.2和freerdp-libs-1.0.2来自ftp.scientificlinux.org提供的包,为了方便大家安装,我直接将其放在了wlnmp源中

yum install freerdp-devel-1.0.2 freerdp-libs-1.0.2

安装yum-plugin-versionlock插件,锁定版本防止误升级(可选)
yum install yum-plugin-versionlock

加锁防止误升级
yum versionlock add freerdp-devel freerdp-libs

7、编译guacamole-server
cd f2etest/f2etest-guacamole
tar xf guacamole-server-0.9.3.tar.gz
cd guacamole-server-0.9.3
./configure --with-init-dir=/etc/init.d

确保运行完毕后,RDP为yes
------------------------------------------------

guacamole-server version 0.9.3

Library status:

 freerdp ............. yes
 pango ............... no
 libssh2 ............. no
 libssl .............. no
 libtelnet ........... no
 libVNCServer ........ yes
 libvorbis ........... no
 libpulse ............ no

Protocol support:

  RDP ....... yes
  SSH ....... no
  Telnet .... no
  VNC ....... yes</pre>

make -j 8
make install
ldconfig
chkconfig --add guacd
chkconfig guacd on
/etc/init.d/guacd start

8、配置guacamole-client

guacamole默认配置文件在/etc/guacamole下,需要手动创建

mkdir /etc/guacamole
mkdir /usr/share/tomcat/.guacamole
ln -s /etc/guacamole/guacamole.properties /usr/share/tomcat/.guacamole

创建guacamole.properties配置文件
vi /etc/guacamole/guacamole.properties

内容如下
# Hostname and port of guacamole proxy
guacd-hostname: localhost
guacd-port: 4822
enable-websocket: true
enable-clipboard-integration: true

auth-provider: net.sourceforge.guacamole.net.auth.noauth.NoAuthenticationProvider
noauth-config: /etc/guacamole/noauth-config.xml

auth-provider: net.sourceforge.guacamole.net.basic.BasicFileAuthenticationProvider

basic-user-mapping: /etc/guacamole/user-mapping.xml

创建noauth-config配置文件

vi /etc/guacamole/noauth-config.xml

内容如下
<configs>
 &lt;config name="f2etest-ie8" protocol="rdp"&gt;
     &lt;param name="hostname" value="192.168.1.207" /&gt;
     &lt;param name="port" value="3389" /&gt;
     &lt;param name="enable-drive" value="true" /&gt;
     &lt;param name="drive-path" value="/home/guacdshare" /&gt;
 &lt;/config&gt;

</configs>


参数说明:

<config name="f2etest-ie8" protocol="rdp">:远程连接服务器的名称及协议,其中name对应F2etest-web的conf/app.json中的server
<param name="hostname" value="192.168.1.207" />:此处的IP地址为windows-server的IP
<param name="enable-drive" value="true" />:是否启动文件传输功能
<param name="drive-path" value="/home/guacdshare" />:文件传输的存储位置,如果未开启文件传输,此项会被忽略

9、启动guacamole-client

mv /root/f2etest/f2etest-guacamole/guacamole-0.9.3.war /usr/share/tomcat/webapps/guacamole.war
systemctl enable tomcat
systemctl start tomcat

10、验证guacamole-client

访问:http://192.168.1.201:8080/guacamole/

如果配置一切正常即可看到以下页面,一定要确保看到的是以下页面

PS:如果出现以下登陆窗口,请确认是不是因为没有做以下操作

mkdir /usr/share/tomcat/.guacamole
ln -sv /etc/guacamole/guacamole.properties /usr/share/tomcat/.guacamole

11、配置F2etest-web

mkdir -p /data/www
cp -R /root/f2etest/f2etest-web/ /data/www/
cd /data/www/f2etest-web

vi conf/site.json

{
"port": 3000,
"name": "F2etest",
"about": "浏览器云测平台",
"icon": "/favicon.ico",
"dbHost": "127.0.0.1",
"dbUser": "root",
"dbPass": "",
"dbTable": "f2etest",
"clientApiKey":"f2etest",
"guacamoleApi": "http://192.168.1.201:8080/guacamole/client.xhtml",
"footer": "",
"wdEnabled": false,
"wdCheckNodesInterval": 5000,
"wdCheckNodesParallelLimit": 16

}


参数说明:

port:通过浏览器访问的端口
name和about:就是浏览器的title,即<title>F2etest - 浏览器云测平台</title>
icon:站点图标,该图标在public/favicon.ico
dbHost:数据库地址
dbUser:数据库用户名
dbPass:数据库密码,不填就是空
dbTable:数据库名称
clientApiKey:该值与windows-server中setUser.asp的key一致
guacamoleApi:此处地址是guacamole-client
footer:页面底部© alibaba.com 2019后面的文案
wdEnabled:是否开启WebDriver云,默认关闭
wdCheckNodesInterval:定时检查WebDriver节点是否空闲、运行中、不可用,单位ms
wdCheckNodesParallelLimit:定时检查节点并发限制

vi conf/server.json

删除原有文件,配置以下内容
[
{
    "id": "f2etest-ie8",
    "ip": "192.168.1.207",
    "remoteApp": true
}

]


参数说明:

id:服务器名称,必须与app.json中的server名称保持一致
ip:服务器的IP地址,即windows-server的IP

vi conf/app.json

删除原有文件,配置以下内容
[
{
    "id": "hostsshare",
    "name": "hosts",
    "server": "f2etest-ie8",
    "program": "c:\\app\\hostsshare.bat"
},
{
    "id": "ie8",
    "name": "IE 8",
    "server": "f2etest-ie8",
    "program": "c:\\app\\ie8.bat"
}

]


参数说明:

id:对应浏览器云测平台界面中的图标,即public/imgs/ico目录中的图标,名称需和目录中的图标对应
name:浏览器云测平台界面中图标下方显示的名称
server:对应server.json中的id
program:windows-server中配置的文件位置

12、安装mysql

通过wlnmp源安装mysql,数据库默认密码为空

yum install wmysql55

导入数据库
mysql < /data/www/f2etest-web/f2etest.sql

13、安装NodeJS8.x
curl -sL https://rpm.nodesource.com/setup_8.x | bash -
yum install nodejs

node --version
v8.16.2

npm --version
6.4.1

14、更换npm国内镜像

npm config set registry https://registry.npm.taobao.org

15、安装pm2
npm install -g pm2@3.5.1

安装f2etest-web相关依赖
npm install

16、启动f2etest-web

通过pm2启动f2etest-web

pm2 start app.js --name f2etest-web

重启命令
pm2 restart f2etest-web

启动成功后即可看到3000端口

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9494 0
安装 .Net Framework 1.1 时无响应,提示“正在注册System.EnterpriseServices.dll”的解决方案
安装 .Net Framework (以下简称 FWK)一般来说是很简单的事情,直接Next 就可以搞定,但世事无常态,总会有意外,今天就遇到一个。 从MS下载最新的dotnetfx安装包,进行安装时,安装到最后一只停顿在“正在注册System.EnterpriseServices.dll ”的画面,长时间无响应(有个客户等了1个多小时,仍然没反应)。
654 0
Wix 安装部署教程(十五) --CustomAction的七种用法
原文:Wix 安装部署教程(十五) --CustomAction的七种用法       在WIX中,CustomAction用来在安装过程中执行自定义行为。比如注册、修改文件、触发其他可执行文件等。这一节主要是介绍一下CustomAction的7种用法。
1165 0
阿里云安装部署Oracle11g 详细教程
阿里云如何安装部署Oracle11g呢,云计算时代提供了更方便可靠的IAAS,PAAS和SAAS平台。将已有或正在研发的项目迁移到云计算平台,和传统的服务器部署还是存在一些异同点。
2732 0
Wix 安装部署教程(七) 获取管理员权限
原文:Wix 安装部署教程(七) 获取管理员权限     应用程序运行的时候,难免会读写文件,产生新的数据。但Program Files下的文件是不能随便更改,Win7下如果没有权限,将会被拒绝。我现在有两种方式,一种是将数据路径移到Program Data目录下,一个是给文件赋予权限。
867 0
Wix 安装部署教程(八) 自动生成XML小工具
原文:Wix 安装部署教程(八) 自动生成XML小工具     这个功能类似于Heat.exe,指定文件夹,生成对应的WIX标签。Winform做的,代码简单,生成的标签需要粘贴到对应的目录才能使用,并不是一步到位。
797 0
Wix 安装部署教程(四) 添加安装文件及快捷方式
原文:Wix 安装部署教程(四) 添加安装文件及快捷方式       通过之前三篇的介绍,大家对wix的xml部署方式也应该有一些认识,今天天气不错,再来一发。主要介绍桌面,开始菜单,卸载等功能的如何添加。
890 0
WIX 安装部署教程(六) 为你收集的七个知识点
原文:WIX 安装部署教程(六) 为你收集的七个知识点  前段时间整理5篇WIX(Windows Installer XML)的安装教程,但还不够完善,这里继续整理了七个知识点分享给大家。WIX最新版本3.
1051 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13177 0
Wix 安装部署教程(十三) -- 多语言安装包
原文:Wix 安装部署教程(十三) -- 多语言安装包       这几天摸索WIX的多语言安装包(这里是Wix的setup 工程,不是Bundle),终于走通了,感谢网友uni的指点。WIX的多语言安装包能够根据系统环境自动切换界面语言,你也可以通过命令指定语言。
1344 0
+关注
麦老师
原3dmgame(三大妈)游戏网运维总监,原阿里云栖论坛版主,wlnmp一键安装包作者,多年互联网行业从业经验,专注于Linux平台的系统维护、DevOps运维实践、监控平台实践及应用部署。我的博客https://blog.whsir.com
161
文章
293
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载