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源
|
1 |
rpm -ivh http://mirrors.wlnmp.com/centos/wlnmp-release-centos.noarch.rpm |
2、安装所需依赖
|
1 |
yum install gcc gcc-c++ wget libpng-devel cairo-devel uuid-devel git libvncserver-devel |
3、克隆f2etest镜像
由于github过慢，我这里做了码云的镜像，以下任选其一
|
1 2 3 |
cd /root git clone https://github.com/alibaba/f2etest.git git clone https://gitee.com/whsir/f2etest.git |
4、安装jdk
|
1 |
yum install jdk1.8 |
5、安装tomcat
|
1 |
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源中
|
1 |
yum install freerdp-devel-1.0.2 freerdp-libs-1.0.2 |
安装yum-plugin-versionlock插件，锁定版本防止误升级（可选）
|
1 |
yum install yum-plugin-versionlock |
加锁防止误升级
|
1 |
yum versionlock add freerdp-devel freerdp-libs |
7、编译guacamole-server
|
1 2 3 4 |
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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
------------------------------------------------ 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 |
|
1 2 3 4 5 6 |
make -j 8 make install ldconfig chkconfig --add guacd chkconfig guacd on /etc/init.d/guacd start |
8、配置guacamole-client
guacamole默认配置文件在/etc/guacamole下，需要手动创建
|
1 2 3 |
mkdir /etc/guacamole mkdir /usr/share/tomcat/.guacamole ln -s /etc/guacamole/guacamole.properties /usr/share/tomcat/.guacamole |
创建guacamole.properties配置文件
|
1 |
vi /etc/guacamole/guacamole.properties |
内容如下
|
1 2 3 4 5 6 7 8 9 10 11 |
# 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配置文件
|
1 |
vi /etc/guacamole/noauth-config.xml |
内容如下
|
1 2 3 4 5 6 7 8 |
<configs> <config name="f2etest-ie8" protocol="rdp"> <param name="hostname" value="192.168.1.207" /> <param name="port" value="3389" /> <param name="enable-drive" value="true" /> <param name="drive-path" value="/home/guacdshare" /> </config> </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
|
1 2 3 |
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：如果出现以下登陆窗口，请确认是不是因为没有做以下操作
|
1 2 |
mkdir /usr/share/tomcat/.guacamole ln -sv /etc/guacamole/guacamole.properties /usr/share/tomcat/.guacamole |
11、配置F2etest-web
|
1 2 3 |
mkdir -p /data/www cp -R /root/f2etest/f2etest-web/ /data/www/ cd /data/www/f2etest-web |
|
1 |
vi conf/site.json |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
{ "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：定时检查节点并发限制
|
1 |
vi conf/server.json |
删除原有文件，配置以下内容
|
1 2 3 4 5 6 7 |
[ { "id": "f2etest-ie8", "ip": "192.168.1.207", "remoteApp": true } ] |
参数说明：
id：服务器名称，必须与app.json中的server名称保持一致
ip：服务器的IP地址，即windows-server的IP
|
1 |
vi conf/app.json |
删除原有文件，配置以下内容
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
[ { "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，数据库默认密码为空
|
1 |
yum install wmysql55 |
导入数据库
|
1 |
mysql < /data/www/f2etest-web/f2etest.sql |
13、安装NodeJS8.x
|
1 2 |
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国内镜像
|
1 |
npm config set registry https://registry.npm.taobao.org |
15、安装pm2
|
1 |
npm install -g pm2@3.5.1 |
安装f2etest-web相关依赖
|
1 |
npm install |
16、启动f2etest-web
通过pm2启动f2etest-web
|
1 |
pm2 start app.js --name f2etest-web |
重启命令
|
1 |
pm2 restart f2etest-web |
启动成功后即可看到3000端口
此时访问f2etest-web页面，会看到正在初始化您的账号，请稍等...，这是因为windows2008r2还没有配置的原因。
如果启动后未看到3000端口，可以使用node app.js方式启动，观察是否有报错，如果一切正常会看到f2etest-web listened on : 3000
至此Centos7上配置工作完成，接下来开始windows2008r2配置：F2etest教程之安装部署（二）
原文链接：F2etest教程之安装部署（一），转载请注明来源！
