Cloudflare Tunnel 和 Nginx Proxy Manager 的完美配合


共计 2020 个字符,预计需要花费 6 分钟才能阅读完成。

简介

之前了解过 cf 的内网穿透,感觉是非常好用,如果不了解的可以参考 Cloudflare tunnel 内网穿透简单使用

今天要说的是什么呢?就是通过 cloudflare tunnel 和 nginx proxy manager 的配合,实现新部署的程序,只需要在 npm 配置反向代理就可以访问。

之前一直懒得用 npm,感觉这玩意能做的太简单了,很多配置还得自己手动修改配置文件去加。但是现在发现如果只是简单使用的话,还是挺香的。

而这个实现的关键就是 cloudflare tunnel 能够进行通配符路由到 npm,然后 npm 通过对应域名反向代理到不同的后端。然而界面创建的隧道并不支持通配符,因为按如图所示创建的话,会提示不会创建 dns 记录,意思就是不会生效。

Cloudflare Tunnel 和 Nginx Proxy Manager 的完美配合

/>

后来想着,如果不能界面配置,那我使用本地配置文件好了,这样至少新增记录的时候方便一点。更有意思的是,在一点点摸索过程中,发现本地创建隧道的方式居然支持通配符方式,那这就很完美了!

前期准备

目前探索到的一种方式是,需要使用命令行进行登录,并创建隧道等方式。因为暂时没有找到其他的方式,所以只能先按这种进行操作。

1. 登录授权

docker run --rm -u root -v /home/docker/cloudflared:/root/.cloudflared cloudflare/cloudflared tunnel login

输入命令后提示打开如下 url,浏览器打开登录即可。

Cloudflare Tunnel 和 Nginx Proxy Manager 的完美配合

/>

登录后会进入如下界面,随便点击一个域名进行授权。

Cloudflare Tunnel 和 Nginx Proxy Manager 的完美配合

/>

点击授权即可。

Cloudflare Tunnel 和 Nginx Proxy Manager 的完美配合

/>

授权以后,证书就下载完成了。

Cloudflare Tunnel 和 Nginx Proxy Manager 的完美配合

/>

到这里,第一步就完成了。

2. 创建隧道

本地配置管理的隧道和界面管理不通用,所以需要使用命令进行创建隧道,而不能使用管理界面创建的隧道。

docker run --rm -u root -v /home/docker/cloudflared:/root/.cloudflared cloudflare/cloudflared tunnel create test

test 为创建的隧道名称,这里随意即可。执行命令后会在本地生成一个以隧道 id 命名的 json 文件。

Cloudflare Tunnel 和 Nginx Proxy Manager 的完美配合

/>

3. 创建配置文件

/home/docker/cloudflared 目录下创建 config.yaml 文件,部分内容需要替换为自己的配置。

tunnel: <tunnel-id>
credentials-file: /root/.cloudflared/<tunnel-id>.json
protocol: http2
ingress:
  - hostname: "*.domain.xyz"
    service: http://localhost:80
  - service: http_status:404
  • 替换为上一步创建的隧道的 id
  • *.domain.xyz 替换为自己的域名,注意通配符需要加上

这里将所有的流量都转发到 80 端口。

4. 创建路由

运行命令之前需要保证之前没有创建过通配符的 dns 记录。

docker run --rm -u root -v /home/docker/cloudflared:/root/.cloudflared cloudflare/cloudflared tunnel route dns test "*.domain.xyz"
  • test 替换为自己的隧道名
  • *.domain.xyz 替换为自己的域名,注意通配符需要加上

运行命令不报错,并且 dns 记录新增了一条通配符的记录就可以了。

Cloudflare Tunnel 和 Nginx Proxy Manager 的完美配合

/>

运行

这里使用 docker-compose 运行了,如果想直接 docker run,使用 gpt 转换一下即可。

version: '3'
services:
  npm:
    image: 'jc21/nginx-proxy-manager:latest'
    container_name: npm
    restart: unless-stopped
    network_mode: host
    volumes:
      - /home/docker/npm/data:/data
      - /home/docker/npm/letsencrypt:/etc/letsencrypt
  tunnel:
    container_name: tunnel
    image: cloudflare/cloudflared
    user: root
    volumes:
      - /home/docker/cloudflared:/root/.cloudflared
    restart: always
    network_mode: host
    command: tunnel run test

需要注意的是,command 这里需要替换为自己的隧道名。

npm 的安装似乎需要一段时间,安装好以后打开 81 端口。

邮箱和密码:

Email: admin@example.com
Password: changeme

登陆后会强制修改邮箱和密码。

然后点击 Proxy Hosts 进行新增反向代理。

Cloudflare Tunnel 和 Nginx Proxy Manager 的完美配合

/>

新增一条反向代理配置到 npm 的管理界面试试。

Cloudflare Tunnel 和 Nginx Proxy Manager 的完美配合

/>

测试应该可以通过配置的域名进行访问 npm。

方便的是,以后如果部署了其他的程序,只需要在 npm 管理界面添加反向代理即可。

提醒:本文发布于183天前,文中所关联的信息可能已发生改变,请知悉!

Tips:清朝云网络工作室

阅读剩余
THE END