开源浏览器Firefox：使用Docker本地部署并远程访问进行测试

在这里插入图片描述
🌈个人主页：聆风吟
🔥系列专栏：网络奇遇记、数据结构
🔖少年有梦不应止于心动，更要付诸行动。

文章目录

  • 📋前言
  • 一. 部署Firefox
  • 二. 本地访问Firefox
  • 三. Linux安装Cpolar
  • 四. 配置Firefox公网地址
  • 五. 远程访问Firefox
  • 六. 固定Firefox公网地址
  • 七. 固定地址访问Firefox
  • 📝全文总结

📋前言

Firefox是一款免费开源的网页浏览器，由Mozilla基金会开发和维护。它是第一个成功挑战微软Internet Explorer浏览器垄断地位的浏览器之一。

在Docker中打开Firefox意味着我们将在一个Docker容器中运行Firefox浏览器。这对于一些特殊的测试场景非常有用，例如需要在不同版本的浏览器中进行测试。下面是一个简单的示例，演示如何在Docker中打开Firefox。

本次实践部署环境为本地环境，在Docker环境下部署Firefox浏览器后,并结合Cpolar内网穿透工具实现远程也可以访问!


一. 部署Firefox

创建外部挂载目录

mkdir -p /data/firefox/config

创建后,执行docker 命令一键启动运行即可

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

#参数介绍
-e TZ=Asia/Hong_Kong       # 设置时区
-e DISPLAY_WIDTH=1920
-e DISPLAY_HEIGHT=1080     #设置显示的高宽
-e KEEP_APP_RUNNING=1      # 保持启动状态
-e ENABLE_CJK_FONT=1       # 防止显示页面时中文乱码
-e SECURE_CONNECTION=1     # 启用HTTPS功能
-e VNC_PASSWORD=admin  #设置VNC的访问密码,自定义即可
-p 5800:5800               #访问firefox的web端口
-p 5900:5900               #VNC端口
-v /data/irefox/config:/config:rw         # 容器挂载目录，存放firefox数据
--shm-size 2g               # 设置容器的内存资源为2g

运行后,输入docker ps 可以查看到运行的Firefox容器,接下来进行本地访问

image-20231127134541125


二. 本地访问Firefox

打开浏览器,输入Linux 局域网IP加5800端口,即可看到我们本地搭建的火狐浏览器界面

image-20231127135709627

上面设置的密码是admin,输入即可进入,这样我们就拥有了本地自己的一个浏览器,本地部署完毕后,下面安装cpolar 内网穿透工具,实现远程访问!

image-20231127135818895


三. Linux安装Cpolar

上面在本地成功部署了FireFox 火狐浏览器,并局域网访问成功,下面我们在Linux安装Cpolar内网穿透工具,通过cpolar 转发本地端口映射的http公网地址,我们可以很容易实现远程访问,而无需自己注册域名购买云服务器.下面是安装cpolar步骤

cpolar官网地址: https://www.cpolar.com

  • 使用一键脚本安装命令
curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash
  • 向系统添加服务
sudo systemctl enable cpolar
  • 启动cpolar服务
sudo systemctl start cpolar

cpolar安装成功后，在外部浏览器上访问Linux 的9200端口 即:【http://局域网ip:9200】，使用cpolar账号登录(如没有账号,可以点击下面免费注册),登录后即可看到cpolar web 配置界面,结下来在web 管理界面配置即可

image-20231016143741228


四. 配置Firefox公网地址

点击左侧仪表盘的隧道管理——创建隧道，创建一个firefox的公网http地址隧道!

  • 隧道名称：可自定义命名，注意不要与已有的隧道名称重复
  • 协议：选择http
  • 本地地址：5800(本地访问的地址)
  • 域名类型：免费选择随机域名
  • 地区：选择China

点击创建

image-20231127141131232

隧道创建成功后，点击左侧的状态——在线隧道列表,查看所生成的公网访问地址，有两种访问方式,一种是http 和https

image-20231127141201174


五. 远程访问Firefox

使用上面的Cpolar https公网地址,在任意设备的浏览器进行访问,即可成功看到我们火狐浏览器界面,这样一个公网地址且可以远程访问就创建好了,使用了cpolar的公网域名,无需自己购买云服务器,即可发布到公网进行远程访问 !(新地址访问,需要重新登录一下)

image-20231127141903529

小结

为了更好地演示，我们在前述过程中使用了cpolar生成的隧道，其公网地址是随机生成的。

这种随机地址的优势在于建立速度快，可以立即使用。然而，它的缺点是网址由随机字符生成，不太容易记忆（例如：3ad5da5.r10.cpolar.top）。另外，这个地址在24小时内会发生随机变化，更适合于临时使用。

我一般会使用固定二级子域名，原因是我希望将网址发送给同事或客户时，它是一个固定、易记的公网地址（例如：firefox.cpolar.cn），这样更显正式，便于流交协作。


六. 固定Firefox公网地址

由于以上使用cpolar所创建的隧道使用的是随机公网地址，24小时内会随机变化，不利于长期远程访问。因此我们可以为其配置二级子域名，该地址为固定地址，不会随机变化【ps：cpolar.cn已备案】

注意需要将cpolar套餐升级至基础套餐或以上，且每个套餐对应的带宽不一样。【cpolar.cn已备案】

登录cpolar官网，点击左侧的预留，选择保留二级子域名，设置一个二级子域名名称，点击保留,保留成功后复制保留的二级子域名名称

image-20231127142421770

保留成功后复制保留成功的二级子域名的名称

image-20231127142445323

返回登录cpolar web UI管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到所要配置的隧道，点击右侧的编辑

image-20231127142542205

修改隧道信息，将保留成功的二级子域名配置到隧道中

  • 域名类型：选择二级子域名
  • Sub Domain：填写保留成功的二级子域名

点击更新(注意,点击一次更新即可,不需要重复提交)

image-20231127142611735

更新完成后,打开在线隧道列表,此时可以看到公网地址已经发生变化,地址名称也变成了固定的二级子域名名称的域名

image-20231127142724213


七. 固定地址访问Firefox

最后,我们使用固定的公网https地址访问,可以看到访问成功,这样一个固定且永久不变的公网地址就设置好了,随时随地都可以远程访问本地火狐浏览器!!

image-20231127143036497


📝全文总结

     今天的干货分享到这里就结束啦！如果觉得文章还可以的话，希望能给个三连支持一下，聆风吟的主页还有很多有趣的文章，欢迎小伙伴们前去点评，您的支持就是作者前进的最大动力！
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/666186.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

网络原理-TCP/IP(5)

网络原理-TCP/IP(5)

TCP协议 延迟应答 它也是基于滑动窗口,提高效率的一种机制,结合滑动窗口以及流量控制,能够以延迟应答ACK的方式,把反馈的窗口,搞大.核心在于允许范围内,让窗口尽可能大. 如果接收数据的主机立刻返回ACK应答,这时候返回的窗口可能比较小. 1.假设接收端缓冲区为1M.一次收到了5…
阅读更多...
树状数组相关

树状数组相关

前置细节 ，得到转二进制后，从右往左数第一个1与之前所有的0构成数树状数组最终形成如上图结构维护的是的信息，如即到上层，包含当前区间的大区间，如即到同一层的前一个，与当前区间无关的另一同等大小的区间…
阅读更多...
第十二讲_JavaScript浏览器对象模型BOM

第十二讲_JavaScript浏览器对象模型BOM

JavaScript浏览器对象模型BOM 1. 浏览器对象模型介绍2. location2.1 常用的属性2.2 常用的方法 3. navigator3.1 常用的属性 4. history4.1 常用的方法： 5. 本地存储 1. 浏览器对象模型介绍 BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模…
阅读更多...
Git--07--GitExtension

Git--07--GitExtension

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 一、GitExtension下载GitExtension官网下载教程 二、GitExtension安装三、GitExtension配置四、GitExtension使用 一、GitExtension下载 官网下载： http…
阅读更多...
Hive 主要内容一览

Hive 主要内容一览

Hive架构 用户接口：Client CLI（command-line interface）、JDBC/ODBC(jdbc访问hive) 元数据：Metastore 元数据包括：表名、表所属的数据库（默认是default）、表的拥有者、列/分区字段、表的类型&am…
阅读更多...
Unity中的GUI

Unity中的GUI

GUI：游戏用户交互界面，一个代码驱动的UI系统 GUI的主要作用 1、作为程序员的调试工具 2、为脚本组件创建自定义监视面板 3、创建新的编辑器窗口和工具以拓展Unity本身(一般作为内置游戏工具) GUI工作原理 1、OnGUI是每帧执行，相当于专门绘…
阅读更多...
Mybatis基础教程及使用细节

Mybatis基础教程及使用细节

本篇主要对Mybatis基础使用进行总结，包括Mybatis的基础操作，使用注解进行增删改查的练习；详细介绍xml映射文件配置过程并且使用xml映射文件进行动态sql语句进行条件查询；为了简化java开发提高效率，介绍一下依赖&#x…
阅读更多...
【chisel】 环境，资料

【chisel】 环境，资料

Chisel环境搭建教程（Ubuntu） 根据上边的link去安装； 目前scala最高版本用scala-2.13.10,太高了 没有chisel的库文件支持；会在sbt下载的过程中报错； [error] sbt.librarymanagement.ResolveException: chisel chisel目…
阅读更多...
爬虫学习笔记-scrapy安装及第一个项目创建问题及解决措施

爬虫学习笔记-scrapy安装及第一个项目创建问题及解决措施

1.安装scrapy pycharm终端运行 pip install scrapy -i https://pypi.douban.com/simple 2.终端运行scrapy startproject scrapy_baidu,创建项目 问题1:lxml版本低导致无法找到 解决措施:更新或者重新安装lxml 3.项目创建成功 4.终端cd到项目的spiders文件夹下,cd scra…
阅读更多...
C语言实现网络爬虫

C语言实现网络爬虫

我常使用C语言写网络爬虫&#xff0c;能够将网页爬出来&#xff0c;但是&#xff0c;图片却爬不出来&#xff0c;有没有大佬帮解决一下&#xff01;&#xff01;&#xff01; 代码&#xff1a; #include <stdio.h> #include<string.h> #include<WinSock2.h>…
阅读更多...
【大厂AI课学习笔记】1.4 算法的进步（5）关于GPU

【大厂AI课学习笔记】1.4 算法的进步（5）关于GPU

——关于GPU GPU&#xff0c;即图形处理器&#xff0c;最初是为了加速计算机图形处理而设计的。然而&#xff0c;随着时间的推移&#xff0c;研究人员发现GPU的并行处理能力非常适合执行深度学习中的大规模矩阵运算。这一点在吴恩达教授的论文中得到了充分体现&#xff0c;他利…
阅读更多...
Vue中间件的讲解案例分析

Vue中间件的讲解案例分析

Vue中间件的讲解案例分析 1. Axios中间件&#xff1a; Axios是一个常用的HTTP客户端&#xff0c;可以与Vue结合使用&#xff0c;处理网络请求和数据获取。您可以创建一个Axios实例&#xff0c;并将其作为Vue的原型属性或插件使用&#xff0c;以便在整个应用程序中共享和使用。…
阅读更多...
国标GB/T 28181详解：设备视音频文件检索消息流程

国标GB/T 28181详解：设备视音频文件检索消息流程

目 录 一、设备视音频文件检索 二、设备视音频文件检索的基本要求 三、命令流程 1、流程图 2、流程描述 四、协议接口 五、产品说明 六、设备视音频文件检索的作用 七、参考 在国标GBT28181中&#xff0c;定义了设备视音频文件检索消息的流程&#xff0c;主…
阅读更多...
Remote development in WSLWSL 中的远程开发

Remote development in WSLWSL 中的远程开发

This tutorial walks you through enabling Windows Subsystem for Linux (WSL) and running Visual Studio Code in WSL using the WSL extension. 本教程将指导你启用适用于 Linux 的 Windows 子系统 &#xff08;WSL&#xff09; 并使用 WSL 扩展在 WSL 中运行 Visual Studi…
阅读更多...
【C++】C++入门— 类与对象初步介绍

【C++】C++入门— 类与对象初步介绍

C入门 1 认识面向对象2 类的引入3 类的定义类的定义方式 4 类的访问限定符及封装访问限定符封装 Thanks♪(&#xff65;ω&#xff65;)&#xff89;谢谢阅读&#xff01;下一篇文章见&#xff01;&#xff01;&#xff01; 1 认识面向对象 C语言是面向过程的&#xff0c;关注…
阅读更多...
【GameFramework框架】二、GameFramework框架介绍

【GameFramework框架】二、GameFramework框架介绍

推荐阅读 CSDN主页GitHub开源地址Unity3D插件分享简书地址 大家好&#xff0c;我是佛系工程师☆恬静的小魔龙☆&#xff0c;不定时更新Unity开发技巧&#xff0c;觉得有用记得一键三连哦。 一、前言 【GameFramework框架】系列教程目录&#xff1a; https://blog.csdn.net/q7…
阅读更多...
前端html+css笔记

前端html+css笔记

前端 Html: html标签 < strong >加粗 --文本格式化标签 < em >倾斜 < ins >下划线 < del >删除 < img src“图片的url” >src用于指定图像的位置名称(属性名属性值属性) alt 替换文本title 提示文本width 图片宽度 < a href“”>…
阅读更多...
Python—数据可视化Seaborn大全：参数详解与实战案例全解析【第52篇—python：Seaborn大全】

Python—数据可视化Seaborn大全：参数详解与实战案例全解析【第52篇—python：Seaborn大全】

文章目录 Seaborn库常用绘图详解与实战引言安装与导入一、散点图参数说明实战案例 二、直方图参数说明实战案例 三、线性关系图参数说明实战案例 四、热力图参数说明实战案例 五、分布图参数说明实战案例 六、箱线图参数说明实战案例 七、联合分布图参数说明实战案例 八、小提琴…
阅读更多...
护眼灯几a级的好？最佳的AA级护眼台灯推荐

护眼灯几a级的好？最佳的AA级护眼台灯推荐

玩文字游戏&#xff0c;有些商家都是大师级的。我们在各电商平台挑选护眼灯时&#xff0c;都会看到这样一种宣传描述&#xff1a;AAA级全光谱或AAA级健康照明等3个A的字眼。不良品牌厂商在虚假宣传&#xff0c;将国际照明委员会对台灯光线的一个健康认证&#xff0c;也就是AAA级…
阅读更多...
网络服务综合实验项目

网络服务综合实验项目

目录 实验要求 运行环境 基础配置 业务需求 实验步骤 一、基础配置 1.1、配置静态IP 1.1.1、 在192.168.159.130中配置 1.1.2、 在192.168.159.131中配置 ​编辑 1.2、修改主机名及hosts映射 1.2.1、在192.168.159.130中配置 1.2.2、 编辑配置hosts文件 1.2.3、重启…
阅读更多...
最新文章

Copyright @ 2022~2023