目 录CONTENT

文章目录

如何在Nginx Proxy Manager(NPM)上部署静态网站

咕咕
2022-03-13 / 0 评论 / 3 点赞 / 2732 阅读 / 0 字
温馨提示:
本文最后更新于2024-02-21,若内容或图片失效,请留言反馈。 部分素材来自网络,若不小心影响到您的利益,请联系我们删除。
广告 广告

前言

众所周知,我们在之前介绍过Nginx Proxy Manager(以下简称NPM)这个反向代理的神器,对于一些Docker搭建的Web项目,NPM能够很轻松地给他们做反向代理。

然而对于一些静态网站,小伙伴们可能不知道怎么用NPM来展示,这篇文章就来简单和大家分享一下,如何用NPM来托管一些简单的HTML单页。

操作步骤

因为我们已经有NPM在运行,监听了443端口和80端口,避免为了一个静态网站而建立另一个Web服务器。

托管一些简单的HTML单页是一个简单的、低流量的需求,使用NPM已经运行的内置NGINX就可以了。

这个是我的NPM的docker-compose文件:

version: "3"
services:
  app:
    image: 'jc21/nginx-proxy-manager:latest'
    restart: unless-stopped
    ports:
      # These ports are in format <host-port>:<container-port>
      - '80:80' # Public HTTP Port
      - '443:443' # Public HTTPS Port
      - '81:81' # Admin Web Port
      # Add any other Stream port you want to expose
      # - '21:21' # FTP
    environment:
      DB_MYSQL_HOST: "db"
      DB_MYSQL_PORT: 3306
      DB_MYSQL_USER: "npm"
      DB_MYSQL_PASSWORD: "npm"
      DB_MYSQL_NAME: "npm"
      # Uncomment this if IPv6 is not enabled on your host
      # DISABLE_IPV6: 'true'
    volumes:
      - ./data:/data
      - ./letsencrypt:/etc/letsencrypt
    depends_on:
      - db

  db:
    image: 'jc21/mariadb-aria:latest'
    restart: unless-stopped
    environment:
      MYSQL_ROOT_PASSWORD: 'xxx'
      MYSQL_DATABASE: 'xxx'
      MYSQL_USER: 'xxx'
      MYSQL_PASSWORD: 'xxx'
    volumes:
      - ./data/mysql:/var/lib/mysql

可以看到,在docker-compose.yml文件里面,我们挂载了一个./data的文件夹,这个就是指在docker-compose.yml所在的文件夹里面的data文件夹,

image-20220313215238703

我们要做的,就是在这个data文件夹里面放我们的静态html文件。

具体操作如下:

1、在你挂载的data文件夹里面创建一个新的文件夹,比如mkdir /root/data/docker-data/npm/data/demo10.gao.ee

image-20220313220644530

2、把带有html文件的内容放到这个文件夹里面

image-20220313220755911

3、登陆NPM,在网页里新建一个Proxy Host

image-20220313220853599

4、配置参数

image-20220313220956132 image-20220313221045094

5、在Advanced这一栏填入下面的配置:

image-20220313221248089
location / {
  root /data/demo10.gao.ee;  # 修改成你自己刚刚创建的目录,只需要改demo10.gao.ee这部分就可以了
}

**注意:**第一次输入保存可能会失效,请再次点开编辑,然后点确定,确保这边内容输入进去了。

6、确保你的域名已经解析到了这台装有NPM的服务上了

image-20220313220830583

7、浏览网页(这里是demo10.gao.ee),确保配置成功了!

image-20220313221552303

这边乱码了,我修改一下内容:

image-20220313221654247 image-20220313221718216

搞定!

8、接下来,如果要修改内容,就到之前的文件夹里面修改就行(我这里是/root/data/docker-data/npm/data/demo10.gao.ee

推荐阅读

【Docker系列】一个反向代理神器——Nginx Proxy Manager

【Docker系列】让网站更安全!开启NginxProxyManager网站访问登陆限制功能

【Docker系列】反向代理神器NginxProxyManager——通配符SSL证书申请

3
广告 广告

评论区