メインコンテンツまでスキップ

同じサーバーへのインストール

バンドルインストールとは、Remnawave パネルと同じサーバーにサブスクリプションページをインストールすることを意味します。

ステップ 1 - .env ファイルの準備

/opt/remnawave/.env ファイルを編集し、SUB_PUBLIC_DOMAIN をサブスクリプションページのドメイン名に変更します。

.env ファイルの編集
cd /opt/remnawave && nano .env

SUB_PUBLIC_DOMAIN をサブスクリプションページのドメイン名に変更します。ドメイン名は http または https なしで指定する必要があります。

.env ファイルの内容
SUB_PUBLIC_DOMAIN=subscription.domain.com

Remnawave パネルコンテナを再起動することを忘れないでください:

cd /opt/remnawave && docker compose down remnawave && docker compose up -d && docker compose logs -f

ステップ 2 - docker-compose.yml ファイルの作成

docker-compose.yml ファイルの作成
mkdir -p /opt/remnawave/subscription && cd /opt/remnawave/subscription && nano docker-compose.yml
docker-compose.yml ファイルの内容
services:
remnawave-subscription-page:
image: remnawave/subscription-page:latest
container_name: remnawave-subscription-page
hostname: remnawave-subscription-page
restart: always
env_file:
- .env
ports:
- '127.0.0.1:3010:3010'
networks:
- remnawave-network

networks:
remnawave-network:
driver: bridge
external: true

次に .env ファイルを作成します:

.env ファイルの作成
mkdir -p /opt/remnawave/subscription && cd /opt/remnawave/subscription && nano .env

Remnawave ダッシュボードで API トークンを作成します。Remnawave 設定 → API トークン。

以下の内容を .env ファイルに貼り付けます:

.env ファイル
APP_PORT=3010
REMNAWAVE_PANEL_URL=http://remnawave:3000
REMNAWAVE_API_TOKEN=API_TOKEN_FROM_REMNAWAVE
完全な .env ファイルリファレンス
.env ファイル
APP_PORT=3010

### Remnawave パネル URL、http://remnawave:3000 または https://panel.example.com が使用可能
REMNAWAVE_PANEL_URL=http://remnawave:3000
REMNAWAVE_API_TOKEN=API_TOKEN_FROM_REMNAWAVE

# カスタムルートパスで提供する場合、例えば: CUSTOM_SUB_PREFIX=sub
# 先頭/末尾に / を付けないでください
CUSTOM_SUB_PREFIX=



# Marzban リンクのサポート
MARZBAN_LEGACY_LINK_ENABLED=false
MARZBAN_LEGACY_SECRET_KEY=


# "Caddy with security" アドオンを使用している場合、X-Api-Key をここに配置できます。
CADDY_AUTH_API_TOKEN=

ステップ 3 - コンテナの起動

コンテナの起動
docker compose up -d && docker compose logs -f

ステップ 4 - リバースプロキシの設定

危険

Remnawave とそのコンポーネントはサブパスでの提供をサポートしていません。(例:location /subscription {

ドメインまたはサブドメインのルートパスで提供する必要があります。

カスタムパスには CUSTOM_SUB_PREFIX パラメータを使用できます。

Caddy

Caddy 設定

Caddy をすでに設定している場合は、Caddyfile に新しいサイトブロックを追加するだけです。

Caddyfile の編集
cd /opt/remnawave/caddy && nano Caddyfile
Caddyfile
https://REPLACE_WITH_YOUR_DOMAIN {
reverse_proxy * http://remnawave:3000
}
https://SUBSCRIPTION_PAGE_DOMAIN {
reverse_proxy * http://remnawave-subscription-page:3010
}
docker compose down && docker compose up -d && docker compose logs -f

Nginx

Nginx 設定

サブスクリプションページのドメイン名の証明書を発行します:

acme.sh --issue --standalone -d 'SUBSCRIPTION_PAGE_DOMAIN' --key-file /opt/remnawave/nginx/subdomain_privkey.key --fullchain-file /opt/remnawave/nginx/subdomain_fullchain.pem --alpn --tlsport 8443 --reloadcmd "docker exec remnawave-nginx nginx -s reload"
cd /opt/remnawave/nginx && nano nginx.conf
nginx.conf
upstream remnawave {
server remnawave:3000;
}

upstream remnawave-subscription-page {
server remnawave-subscription-page:3010;
}
nginx.conf
server {
server_name SUBSCRIPTION_PAGE_DOMAIN;

listen 443 ssl;
listen [::]:443 ssl;
http2 on;

location / {
proxy_http_version 1.1;
proxy_pass http://remnawave-subscription-page;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Port $server_port;
proxy_send_timeout 60s;
proxy_read_timeout 60s;
}

ssl_protocols TLSv1.2 TLSv1.3;
ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:DHE-RSA-CHACHA20-POLY1305;
ssl_session_timeout 1d;
ssl_session_cache shared:MozSSL:10m;
ssl_session_tickets off;
ssl_certificate "/etc/nginx/ssl/subdomain_fullchain.pem";
ssl_certificate_key "/etc/nginx/ssl/subdomain_privkey.key";
ssl_trusted_certificate "/etc/nginx/ssl/subdomain_fullchain.pem";
ssl_stapling on;
ssl_stapling_verify on;
resolver 1.1.1.1 1.0.0.1 8.8.8.8 8.8.4.4 208.67.222.222 208.67.220.220 valid=60s;
resolver_timeout 2s;

gzip on;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_min_length 256;
gzip_types application/atom+xml application/geo+json application/javascript application/x-javascript application/json application/ld+json application/manifest+json application/rdf+xml application/rss+xml application/xhtml+xml application/xml font/eot font/otf font/ttf image/svg+xml text/css text/javascript text/plain text/xml;
}
cd /opt/remnawave/nginx && nano docker-compose.yml
docker-compose.yml
services:
remnawave-nginx:
image: nginx:1.28
container_name: remnawave-nginx
hostname: remnawave-nginx
volumes:
- ./nginx.conf:/etc/nginx/conf.d/default.conf:ro
- ./fullchain.pem:/etc/nginx/ssl/fullchain.pem:ro
- ./privkey.key:/etc/nginx/ssl/privkey.key:ro
- ./subdomain_fullchain.pem:/etc/nginx/ssl/subdomain_fullchain.pem:ro
- ./subdomain_privkey.key:/etc/nginx/ssl/subdomain_privkey.key:ro
restart: always
ports:
- '0.0.0.0:443:443'
networks:
- remnawave-network

networks:
remnawave-network:
name: remnawave-network
driver: bridge
external: true
docker compose down && docker compose up -d && docker compose logs -f

Traefik

Traefik 設定

/opt/remnawave/traefik/config ディレクトリに remnawave-sub-page.yml という新しい動的設定ファイルを作成します。

cd /opt/remnawave/traefik/config && nano remnawave-sub-page.yml
remnawave-sub-page.yml
http:
routers:
remnawave-sub-page:
rule: "Host(`SUBSCRIPTION_PAGE_DOMAIN`)"
entrypoints:
- https
tls:
certResolver: letsencrypt
middlewares:
- remnawave-sub-page-https-redirect
service: remnawave-sub-page

middlewares:
remnawave-sub-page-https-redirect:
redirectScheme:
scheme: https

services:
remnawave-sub-page:
loadBalancer:
servers:
- url: "http://remnawave-subscription-page:3010"

ステップ 5 - 使用方法

サブスクリプションページは https://subdomain.panel.com/<shortUuid> で利用できます。

サブスクリプションページの設定(オプション)

Remnawave ダッシュボードのサブページビルダーでサブスクリプションページをカスタマイズできます。これにより以下が可能です:

  • さまざまな VPN アプリのサポートを追加する
  • 複数の言語でテキストと説明をカスタマイズする
  • 独自のブランディングを追加する(ロゴ、会社名、サポートリンク)
  • 「おすすめ」として表示されるアプリを設定する