使用阿里云远程访问 Synology Web Station 的指南

使用阿里云远程访问 Synology Web Station 的指南

本文将指导如何通过阿里云服务器配置 Nginx 和 FRP,远程访问部署在 Synology NAS 上的 Web Station 服务,同时支持 HTTPS 安全访问。


背景

通过 Synology NAS 的 Web Station,可以部署 WordPress、phpMyAdmin 等服务。但是,这些服务默认只能在本地访问。为了实现远程访问,我们可以通过阿里云的 Nginx 和 FRP 配置反向代理。


准备工作

  1. 阿里云服务器:一台可以配置 Nginx 的云服务器。
  2. 域名 :一个指向阿里云服务器公网 IP 的域名(例如 example.com)。
  3. FRP 服务:在阿里云配置 FRP 服务端,在 Synology NAS 上配置 FRP 客户端。
  4. HTTPS 证书:通过 Certbot 为域名申请免费的 SSL 证书。

步骤 1:配置阿里云上的 Nginx

1. 安装 Nginx

确保阿里云服务器上安装了 Nginx。如果未安装,请使用以下命令:

bash 复制代码
sudo apt update
sudo apt install nginx -y

2. 配置 Nginx

在 /etc/nginx/sites-available/ 目录中创建一个新的配置文件,例如 web_station:

bash 复制代码
sudo vim /etc/nginx/sites-available/web_station

编辑以下内容:

ini 复制代码
server {
    listen 80;
    server_name example.com;

    # 将 HTTP 请求重定向到 HTTPS
    location / {
        return 301 https://$host$request_uri;
    }
}

server {
    listen 443 ssl http2;
    server_name example.com;

    # SSL 证书路径
    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;
    include /etc/letsencrypt/options-ssl-nginx.conf;
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem;

    # 反向代理 Web Station
    location / {
        proxy_pass https://127.0.0.1:5443;
        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;
    }

    location /wordpress/ {
        proxy_pass https://127.0.0.1:5443/wordpress/;
        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;
    }
}

启用配置并重启 Nginx:

bash 复制代码
sudo ln -s /etc/nginx/sites-available/web_station /etc/nginx/sites-enabled/
sudo nginx -t
sudo systemctl reload nginx

步骤 2:申请 HTTPS 证书

1. 安装 Certbot

bash 复制代码
sudo apt update
sudo apt install certbot python3-certbot-nginx -y

2. 申请证书

运行以下命令为域名申请证书:

bash 复制代码
sudo certbot --nginx -d example.com

完成后,Certbot 会自动更新 Nginx 配置文件。


步骤 3:配置 Synology NAS 上的 FRP 客户端

在 Synology NAS 上,编辑 FRP 客户端的配置文件,例如 /etc/frpc.ini

ini 复制代码
serverAddr = "110.192.212.32"                       # 服务器公网ip
serverPort = 7000                                   # 服务端端口
auth.method = 'token'                               # 客户端访问验证方式
auth.token = 't123456'                              # 客户端服务端互相访问的秘钥,需要跟服务端的秘钥一样

[[proxies]]
name = "Gitea"                                      # 随意取一个名字
type = "tcp"                                        # 类型选择tcp
localIP = "127.0.0.1"                               # 这是你的本地局域网IP 
localPort = 3000                                    # 群辉nas端口,或者是其它需要映射的本地项目端口
remotePort = 3000                                   # 云服务器上的空闲端口,注意防火墙放行

[[proxies]]
name = "GitLab"
type = "tcp"                                        # 类型选择tcp
localIP = "127.0.0.1"
localPort = 6443                                    # GitLab在群晖上的端口
remotePort = 6443                                   # 阿里云服务器上的访问端口

[[proxies]]
name = "WebStation"
type = "tcp"
localIP = "127.0.0.1"
localPort = 443
remotePort = 5443

重启 FRP 客户端,使配置生效。


步骤 4:测试访问

  1. 在浏览器中访问 https://example.com
  2. 验证是否可以正常加载 Web Station 页面。
  3. 如果配置了 /wordpress/,测试访问 https://example.com/wordpress/。

常见问题

  1. 证书申请失败:检查域名解析是否正确,并确保防火墙开放了 80 和 443 端口。
  2. 访问返回 502 错误:检查 FRP 客户端和服务端是否正常连接。
  3. Nginx 配置语法错误:运行 sudo nginx -t 检查配置文件语法。

总结

通过以上配置,你可以在阿里云服务器上配置反向代理,实现对 Synology Web Station 服务的远程访问。同时,结合 Let's Encrypt 提供的免费 SSL 证书,保障访问的安全性。如果需要添加更多服务,只需在 Nginx 配置中添加对应的 location 块即可。

相关推荐
不会敲代码117 小时前
手写 Zustand:三十分钟带你搞懂状态管理库的核心原理
前端·javascript·源码
神奇的程序员17 小时前
重构了自己5年前写的截图插件
前端·javascript·架构
UXbot18 小时前
一人独立交付 UI + 前端:AI 驱动 UI 设计工具的五大功能模块深度评测
前端·低代码·ui·设计模式·交互
kobesdu19 小时前
【ROS2实战笔记-19】ROS2 生命周期节点的启动顺序、状态转换陷阱与热备方案
java·前端·笔记·机器人·ros·ros2
诚实可靠王大锤19 小时前
React Native 输入框与按钮焦点冲突解决方案(rn版本0.70.3)
前端·javascript·react native·react.js
kyriewen19 小时前
测试妹子让我写单测,我偷偷用AI一天干完一周的活
前端·chatgpt·cursor
2601_9577808419 小时前
Claude Code 2026年最新部署指南:从环境搭建到技能扩展
前端·人工智能·ai编程·claude
zhangfeng113320 小时前
workbuddy 专家 “前端开发师” 结合nvidia-mistral-small-4-119b-2603 项目计划-前端界面开发.md
前端·人工智能·免费
IT_陈寒21 小时前
为什么Java的Stream并行处理反而变慢了?
前端·人工智能·后端
NiceCloud喜云1 天前
IntelliJ IDEA 保姆级安装 + ClaudeAPI 配置教程
java·开发语言·前端·ide·chrome·docker·intellij-idea