快捷導(dǎo)航

Linux環(huán)境docker部署Firefox結(jié)合內(nèi)網(wǎng)穿透遠(yuǎn)程使用瀏覽器測(cè)試的示例詳解

更新時(shí)間：2024年08月05日 11:16:25 作者：阿四啊

在Docker中打開(kāi)Firefox意味著我們將在一個(gè)Docker容器中運(yùn)行Firefox瀏覽器,這對(duì)于一些特殊的測(cè)試場(chǎng)景非常有用,例如需要在不同版本的瀏覽器中進(jìn)行測(cè)試,下面是一個(gè)簡(jiǎn)單的示例,演示如何在Docker中打開(kāi)Firefox,感興趣的朋友跟隨小編一起看看吧

前言

本次實(shí)踐部署環(huán)境為本地Linux環(huán)境，使用Docker部署Firefox瀏覽器后，并結(jié)合cpolar內(nèi)網(wǎng)穿透工具實(shí)現(xiàn)遠(yuǎn)程也可以訪問(wèn)局域網(wǎng)火狐瀏覽器。

Firefox是一款免費(fèi)開(kāi)源的網(wǎng)頁(yè)瀏覽器，由Mozilla基金會(huì)開(kāi)發(fā)和維護(hù)。它是第一個(gè)成功挑戰(zhàn)微軟Internet Explorer瀏覽器壟斷地位的瀏覽器之一。

在Docker中打開(kāi)Firefox意味著我們將在一個(gè)Docker容器中運(yùn)行Firefox瀏覽器。這對(duì)于一些特殊的測(cè)試場(chǎng)景非常有用，例如需要在不同版本的瀏覽器中進(jìn)行測(cè)試。下面是一個(gè)簡(jiǎn)單的示例，演示如何在Docker中打開(kāi)Firefox。

1. 部署Firefox

創(chuàng)建外部掛載目錄

mkdir -p /data/firefox/config

創(chuàng)建后,執(zhí)行docker 命令一鍵啟動(dòng)運(yùn)行即可

docker run -d --name firefox -e TZ=Asia/Hong_Kong  -e DISPLAY_WIDTH=1920 -e DISPLAY_HEIGHT=1080 -e KEEP_APP_RUNNING=1 -e ENABLE_CJK_FONT=1  -e VNC_PASSWORD=admin  -p 5800:5800 -p 5900:5900 -v /data/firefox/config:/config:rw --shm-size 2g jlesage/firefox

#參數(shù)介紹
-e TZ=Asia/Hong_Kong       # 設(shè)置時(shí)區(qū)
-e DISPLAY_WIDTH=1920
-e DISPLAY_HEIGHT=1080     #設(shè)置顯示的高寬
-e KEEP_APP_RUNNING=1      # 保持啟動(dòng)狀態(tài)
-e ENABLE_CJK_FONT=1       # 防止顯示頁(yè)面時(shí)中文亂碼
-e SECURE_CONNECTION=1     # 啟用HTTPS功能
-e VNC_PASSWORD=admin  #設(shè)置VNC的訪問(wèn)密碼,自定義即可
-p 5800:5800               #訪問(wèn)firefox的web端口
-p 5900:5900               #VNC端口
-v /data/irefox/config:/config:rw         # 容器掛載目錄，存放firefox數(shù)據(jù)
--shm-size 2g               # 設(shè)置容器的內(nèi)存資源為2g

PS:如果拉取不到鏡像，可以在終端執(zhí)行 nano /etc/docker/daemon.json

輸入：

{
“registry-mirrors”: [
“https://do.nark.eu.org”,
“https://dc.j8.work”,
“https://docker.m.daocloud.io”,
“https://dockerproxy.com”,
“https://docker.mirrors.ustc.edu.cn”,
“https://docker.nju.edu.cn”
]
}

保存退出

然后執(zhí)行：systemctl restart docker

運(yùn)行后,輸入docker ps 可以查看到運(yùn)行的Firefox容器,接下來(lái)進(jìn)行本地訪問(wèn)

2. 本地訪問(wèn)Firefox

打開(kāi)瀏覽器,輸入Linux 局域網(wǎng)IP加5800端口,即可看到我們本地搭建的火狐瀏覽器界面

上面設(shè)置的密碼是admin,輸入即可進(jìn)入,這樣我們就擁有了本地自己的一個(gè)瀏覽器,本地部署完畢后,下面安裝cpolar 內(nèi)網(wǎng)穿透工具,實(shí)現(xiàn)遠(yuǎn)程訪問(wèn)!

3. Linux安裝Cpolar

上面在本地成功部署了FireFox 火狐瀏覽器,并局域網(wǎng)訪問(wèn)成功,下面我們?cè)贚inux安裝Cpolar內(nèi)網(wǎng)穿透工具,通過(guò)cpolar 轉(zhuǎn)發(fā)本地端口映射的http公網(wǎng)地址,我們可以很容易實(shí)現(xiàn)遠(yuǎn)程訪問(wèn),而無(wú)需自己注冊(cè)域名購(gòu)買云服務(wù)器.下面是安裝cpolar步驟

cpolar官網(wǎng)地址: https://www.cpolar.com

使用一鍵腳本安裝命令

curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash

向系統(tǒng)添加服務(wù)

sudo systemctl enable cpolar

啟動(dòng)cpolar服務(wù)

sudo systemctl start cpolar

cpolar安裝成功后，在外部瀏覽器上訪問(wèn)Linux 的9200端口即:【http://局域網(wǎng)ip:9200】，使用cpolar賬號(hào)登錄(如沒(méi)有賬號(hào),可以點(diǎn)擊下面免費(fèi)注冊(cè)),登錄后即可看到cpolar web 配置界面,結(jié)下來(lái)在web 管理界面配置即可

4. 配置Firefox公網(wǎng)地址

點(diǎn)擊左側(cè)儀表盤的隧道管理——創(chuàng)建隧道，創(chuàng)建一個(gè)firefox的公網(wǎng)http地址隧道!

隧道名稱：可自定義命名，注意不要與已有的隧道名稱重復(fù)
協(xié)議：選擇http
本地地址：5800(本地訪問(wèn)的地址)
域名類型：免費(fèi)選擇隨機(jī)域名
地區(qū)：選擇China

點(diǎn)擊創(chuàng)建

隧道創(chuàng)建成功后，點(diǎn)擊左側(cè)的狀態(tài)——在線隧道列表,查看所生成的公網(wǎng)訪問(wèn)地址，有兩種訪問(wèn)方式,一種是http 和https

5. 遠(yuǎn)程訪問(wèn)Firefox

使用上面的Cpolar https公網(wǎng)地址,在任意設(shè)備的瀏覽器進(jìn)行訪問(wèn),即可成功看到我們火狐瀏覽器界面,這樣一個(gè)公網(wǎng)地址且可以遠(yuǎn)程訪問(wèn)就創(chuàng)建好了,使用了cpolar的公網(wǎng)域名,無(wú)需自己購(gòu)買云服務(wù)器,即可發(fā)布到公網(wǎng)進(jìn)行遠(yuǎn)程訪問(wèn) !(新地址訪問(wèn),需要重新登錄一下)

小結(jié)

為了更好地演示，我們?cè)谇笆鲞^(guò)程中使用了cpolar生成的隧道，其公網(wǎng)地址是隨機(jī)生成的。

這種隨機(jī)地址的優(yōu)勢(shì)在于建立速度快，可以立即使用。然而，它的缺點(diǎn)是網(wǎng)址由隨機(jī)字符生成，不太容易記憶（例如：3ad5da5.r10.cpolar.top）。另外，這個(gè)地址在24小時(shí)內(nèi)會(huì)發(fā)生隨機(jī)變化，更適合于臨時(shí)使用。

我一般會(huì)使用固定二級(jí)子域名，原因是我希望將網(wǎng)址發(fā)送給同事或客戶時(shí)，它是一個(gè)固定、易記的公網(wǎng)地址（例如：firefox.cpolar.cn），這樣更顯正式，便于流交協(xié)作。

6. 固定Firefox公網(wǎng)地址

由于以上使用cpolar所創(chuàng)建的隧道使用的是隨機(jī)公網(wǎng)地址，24小時(shí)內(nèi)會(huì)隨機(jī)變化，不利于長(zhǎng)期遠(yuǎn)程訪問(wèn)。因此我們可以為其配置二級(jí)子域名，該地址為固定地址，不會(huì)隨機(jī)變化【ps：cpolar.cn已備案】

注意需要將cpolar套餐升級(jí)至基礎(chǔ)套餐或以上，且每個(gè)套餐對(duì)應(yīng)的帶寬不一樣?！綾polar.cn已備案】

登錄cpolar官網(wǎng)，點(diǎn)擊左側(cè)的預(yù)留，選擇保留二級(jí)子域名，設(shè)置一個(gè)二級(jí)子域名名稱，點(diǎn)擊保留,保留成功后復(fù)制保留的二級(jí)子域名名稱

保留成功后復(fù)制保留成功的二級(jí)子域名的名稱

返回登錄cpolar web UI管理界面，點(diǎn)擊左側(cè)儀表盤的隧道管理——隧道列表，找到所要配置的隧道，點(diǎn)擊右側(cè)的編輯

修改隧道信息，將保留成功的二級(jí)子域名配置到隧道中

域名類型：選擇二級(jí)子域名
Sub Domain：填寫保留成功的二級(jí)子域名

點(diǎn)擊更新(注意,點(diǎn)擊一次更新即可,不需要重復(fù)提交)

更新完成后,打開(kāi)在線隧道列表,此時(shí)可以看到公網(wǎng)地址已經(jīng)發(fā)生變化,地址名稱也變成了固定的二級(jí)子域名名稱的域名

7. 固定地址訪問(wèn)Firefox

最后,我們使用固定的公網(wǎng)https地址訪問(wèn),可以看到訪問(wèn)成功,這樣一個(gè)固定且永久不變的公網(wǎng)地址就設(shè)置好了,隨時(shí)隨地都可以遠(yuǎn)程訪問(wèn)本地火狐瀏覽器!!

到此這篇關(guān)于Linux環(huán)境docker部署Firefox結(jié)合內(nèi)網(wǎng)穿透遠(yuǎn)程使用瀏覽器測(cè)試的文章就介紹到這了,更多相關(guān)Linux docker部署Firefox內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: