给NAS装个浏览器,五分钟快速部署,Chrome、Firefox、Edge任你选。

2024-08-28 16:17:16 31点赞 356收藏 42评论

大家好,我是羊刀仙。

从外网返回到内网的方式其实有很多,本期就来介绍一个通过Docker部署浏览器的方式。

需求是多元的,简单介绍下NAS部署浏览器的部分使用场景:

1、判断NAS网络情况,验证魔法是否生效,修改host后是否生效等;
2、从公网翻回内网,外网打开NAS上部署的浏览器具备局域网网属性,可以通过该浏览器访问局域网设备;
3、当作下载器使用,还可以拿来挂机、挂在线时长,例如页游或论坛;
4、通过浏览器安装插件,实现更多的花样功能。

给NAS装个浏览器,五分钟快速部署,Chrome、Firefox、Edge任你选。

关于NAS浏览器,绿联、极空间局我所知并没有内置应用,可以考虑搭建。群晖则可以通过第三方应用,比如矿神的BrowserBox,可以在线安装使用。

威联通官方则有Browser Station,我认为比Docker搭建浏览器更为好用,就是稍微卡一点儿。

给NAS装个浏览器,五分钟快速部署,Chrome、Firefox、Edge任你选。

当然威联通NAS返回内网设备还可通过Linux Station来进行。Linux Station能解决更多问题,并且还能够将集显充分利用,这个等后面单独出一篇来细讲。

给NAS装个浏览器,五分钟快速部署,Chrome、Firefox、Edge任你选。

就说这么多,咱们开始部署,可选择Docker Cli(见文末项目地址)或Docker Compose部署(推荐)。本文共分为:部署流程、反向代理实、注意事项三个部分。

准备工作


在常用目录下创建文件目录用于映射,存放项目数据,以威联通部署Chrome为例,,如果有额外需求,在下文部署过程中会着重标明。

/share/Container/chromium/config # 数据目录 /share/Container/chromium/fonts # 字体目录 给NAS装个浏览器,五分钟快速部署,Chrome、Firefox、Edge任你选。

将这个字体文件目录扔到fonts中,点我获取字体原地址

⭕️部署Chrome

打开Container Station,,点击左侧栏的应用程序,进行创建。

给NAS装个浏览器,五分钟快速部署,Chrome、Firefox、Edge任你选。

将以下代码修改后进行粘贴:

version: "3.7" services: chromium: image: lscr.io/linuxserver/chromium:latest container_name: docker-chromium environment: - PUID=1000 # 设置为你的用户ID - PGID=1000 # 设置为你的组ID - TZ=Asia/Shanghai # 设置你的时区 - CHROME_CLI=--app=https://www.baidu.com # 设置启动时打开百度搜索,可改 volumes: - /share/Container/chromium/config:/config - /share/Container/chromium/fonts:/usr/share/fonts #- /var/run/docker.sock:/var/run/docker.sock 挂载Docker socket,启用则取消注释 ports: - 11123:3000 # 冒号左侧端口可改 shm_size: "1gb" # 共享内存大小 restart: unless-stopped privileged: true # 启用特权模式,不想要可删除 #devices: # - /dev/dri:/dev/dri # 挂载GPU设备,启用则取消注释

部署完毕后,不出意外局域网内输入NAS_IP:11123即可访问到浏览器。可以看到该项目是基于VNC工具实现的,跟之前咱们部署的远程桌面会话差不多。

反向代理放在后面部分,接下来介绍如何部署Edge浏览器。

⭕️部署Edge

步骤与上面类似,部署代码如下:

version: "3.7" services: msedge: image: lscr.io/linuxserver/msedge:latest container_name: msedge environment: - PUID=1000 # 替换为你的QNAP用户ID - PGID=1000 # 替换为你的QNAP组ID - TZ=Asia/Shanghai # 设置时区,可根据需要更改 - EDGE_CLI=--app=https://www.baidu.com # optional, 设置Edge启动时的CLI选项(非必需) volumes: - /share/Container/msedge/config:/config - /share/Container/msedge/fonts:/usr/share/fonts ports: - 11124:3000 shm_size: "1gb" # 共享内存大小设置 restart: unless-stopped # 设置容器重启策略

重复之前的操作即可。

给NAS装个浏览器,五分钟快速部署,Chrome、Firefox、Edge任你选。

⭕️部署Firefox

部署代码如下:

version: "3.7" services: firefox: image: lscr.io/linuxserver/firefox:latest container_name: firefox security_opt: - seccomp:unconfined #optional environment: - PUID=1000 - PGID=1000 - TZ=Asia/Shanghai - EDGE_CLI=--app=https://www.baidu.com # optional, 设置Edge启动时的CLI选项(非必需) volumes: - /share/Container/firefox/config:/config - /share/Container/firefox/fonts:/usr/share/fonts ports: - 3000:3000 # http监听 - 3001:3001 # https监听 shm_size: "1gb" restart: unless-stopped

打开后如下图所示。

给NAS装个浏览器,五分钟快速部署,Chrome、Firefox、Edge任你选。

反向代理


参考之前的文章:

放一张配置图,若要代理https,下图中后端地址http要改掉。如果想要更安全些可以启用基本认证。

给NAS装个浏览器,五分钟快速部署,Chrome、Firefox、Edge任你选。

之后便可通过chrome.xxx.xyz:监听端口号访问浏览器,也就是文章开头图片所示效果。

几点注意问题


⭕️非必需环境变量/配置

三者其实都差不多,支持个性网页标题、自定义用户/密码、加速节点等内容,详见官方文档:
https://github.com/linuxserver/docker-firefox
https://github.com/linuxserver/docker-chromium
https://github.com/linuxserver/docker-msedge

给NAS装个浏览器,五分钟快速部署,Chrome、Firefox、Edge任你选。

⭕️浏览器下载位置

如果需要使用该浏览器下载内容,可点开窗口面板,如下图所示位置进行查看。其实就是NAS挂载的数据目录。如果后续需要安装非市场的插件之类的操作,也可在此路径上传包体。

给NAS装个浏览器,五分钟快速部署,Chrome、Firefox、Edge任你选。

最后


通过Docker在NAS搭建浏览器,还是能够为我们带来一定的便利性,有需要的朋友可以进行部署。

如果各位觉得本篇文章有所帮助,别忘了三连支持下,能点点关注就更好了!后续我还会持续分享各类教程以及有趣好玩的项目。

展开 收起
42评论

  • 精彩
  • 最新
  • tailscale 组一个虚拟局域网就行,内网所有页面都得以连接。还可以设置网络出口,例如撸猫之后再访问网页

    校验提示文案

    提交
  • 我不知道nas装浏览器的意义是什么。是不是我在公司电脑浏览器访问家里nas,用nas系统里的浏览器再上动作片网站,公司就不知道我上过动作片网站?

    校验提示文案

    提交
    意义就是你可以用nas上浏览器打开内网设备管理页面。

    校验提示文案

    提交
    就是反代一个,和反代全部的区别吗

    校验提示文案

    提交
    还有5条回复
    收起所有回复
  • 输入法不行啊,有办法吗?

    校验提示文案

    提交
    自带一个面板。打开面板的设置,把用本地输入法开启

    校验提示文案

    提交
    收起所有回复
  • 难用至极!这玩意用起来脑血栓,粘贴复制都得通过一个小工具框来。

    校验提示文案

    提交
    不需要 前置的工具栏有选项,包括输入法都能设置

    校验提示文案

    提交
    收起所有回复
  • 这个的意思是通过NAS访问内网的路由器,光猫?我好像没有这方面需求

    校验提示文案

    提交
    也可以利用nas浏览器挂个网页任务 下载任务啥的 页游 还有某些挂时长任务

    校验提示文案

    提交
    收起所有回复
  • UP,群晖的话命令要怎么弄啊?

    校验提示文案

    提交
    也差不多,就是文件挂载路径不一样

    校验提示文案

    提交
    改过了,麻烦看看是不是。
    version: "3.7"

    services:
    msedge:
    image: lscr.io/linuxserver/msedge:latest
    container_name: msedge
    environment:
    - PUID=1000 # 替换为你的QNAP用户ID
    - PGID=1000 # 替换为你的QNAP组ID
    - TZ=Asia/Shanghai # 设置时区,可根据需要更改
    - EDGE_CLI=--app=去看看 # optional, 设置Edge启动时的CLI选项(非必需)
    volumes:
    - /share/Container/msedge/config:/config 这里我改成我的
    - /share/Container/msedge/fonts:/usr/share/fonts 这里也是
    ports:
    - 11124:3000
    shm_size: "1gb" # 共享内存大小设置
    restart: unless-stopped # 设置容器重启策略

    校验提示文案

    提交
    还有2条回复
    收起所有回复
  • 是不是安装浏览器后 可以不关机 玩网页游戏了?

    校验提示文案

    提交
    差不多

    校验提示文案

    提交
    收起所有回复
  • 有win服务端吗?想要搞个一个公共浏览器,多人共同使用,浏览相同页面

    校验提示文案

    提交
  • - /share/Container/msedge/fonts:/usr/share/fonts
    get,我试试

    校验提示文案

    提交
  • linuxserver/msedge安装完成启动后,无法设置成中文,

    校验提示文案

    提交
    我的也是,一直英文

    校验提示文案

    提交
    有个环境变量LANGUAGE设置成zh_CN.UTF-8

    校验提示文案

    提交
    收起所有回复
  • 部署edge,成功,fonts目录下也放了MSYH.TTC字体文件,但网页浏览还是乱码,怎么处理。

    校验提示文案

    提交
  • 这个好,省得老是打开NAS再进浏览器。现在直接连。

    校验提示文案

    提交
  • 你都这样了 不能直接vpn连回去么, 或者你直接家里电脑开个远程桌面不好么

    校验提示文案

    提交
  • 这样的话开一个端口,用浏览器就能控制家里其他设备了

    校验提示文案

    提交
  • 跟着装了个edge,容器运行,但是黑屏

    校验提示文案

    提交
    是的,能显示vnc但是只有黑屏

    校验提示文案

    提交
    在黑屏的地方点右键,选edge就可以了,我也是小白,晚上搞出来了,是浏览器关掉了,打开即可

    校验提示文案

    提交
    还有3条回复
    收起所有回复
  • 网络改成host模式后进不去。加入macvlan后也进不去。

    校验提示文案

    提交
  • 老哥 我这访问后显示502 bad gateway😭

    校验提示文案

    提交
  • 代码区域 麻烦用引用或markdown

    校验提示文案

    提交
  • 不能使用中文输入法

    校验提示文案

    提交
  • 浏览器外网端口打开了不怕坏人进你的浏览器干坏事吗? [皱眉]

    校验提示文案

    提交
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
356
扫一下,分享更方便,购买更轻松