文章
文章用户玩铺文档热讯圈子网址供求信息

Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问

Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问

前言
也可以说是为了折腾，还有一些功能上需要的原因，需求实现网站HTTPS访问。现在将具体实现的过程整理如下，以便于回顾和学习！如有不完善或者缺陷的地方，请指正。

一、目前我的站点的大致架构
公网服务器（Nginx+FRP+静态页面等) <------穿透公网------> 家庭群晖服务器（在群晖上部署Typecho，图床等服务）

二、申请免费证书

  1. 到各大运营商申请免费证书，本文以腾讯为例。申请地址：cloud.tencent.com
  2. 申请完成，后提交资料，通过审核后如下：Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问
  3. 下载证书，解压证书
Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问

二、将证书上传至公网服务器（用于Nginx使用）
将证书上传至服务器目录/etc/ssl/nginx（如果目录不存在，请新建立一个）

[root@VM-0-2-centos nginx]# pwd
/etc/ssl/nginx
[root@VM-0-2-centos nginx]# ll
total 12
-rw-r--r-- 1 root root 3765 Jan 23 21:58 1_collick.xyz_bundle.crt
-rw-r--r-- 1 root root 1704 Jan 23 21:58 2_collick.xyz.key
-rw-r--r-- 1 root root 1002 Jan 23 21:58 collick.xyz.csr

三、将证书上传至群晖服务器（用于FRP客户端使用）
关于如何上传文件至群晖的指定目录，请参阅FRP安装配置的FRP客户端在群晖上的安装过程。

  1. 将获取到的证书解压后，将Nginx目录中证书上传至群晖目录
    Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问

  2. 使用远程工具CRT、Putty登陆群晖后台，将证书拷贝至FRP客户端目录

    root@Mydsm:/volume1/Share/FRP# pwd
/volume1/Share/FRP
root@Mydsm:/volume1/Share/FRP#
root@Mydsm:/volume1/Share/FRP#
root@Mydsm:/volume1/Share/FRP# ll
total 16756
d---------+ 1 admin users     244 Jan 24 18:15 .
d---------+ 1 root  root      210 Jan 24 10:14 ..
----------+ 1 admin users    3765 Jan 24 18:12 1_collick.xyz_bundle.crt
----------+ 1 admin users    1704 Jan 24 18:12 2_collick.xyz.key
----------+ 1 admin users   19489 Jan 24 18:12 collick.xyz.zip
----------+ 1 admin users 8571275 Dec 19 13:26 frp_0.34.3_linux_amd64.tar.gz
----------+ 1 admin users 8556141 Dec 21 20:59 frp_0.34.3_windows_amd64.zip
d---------+ 1 admin users      24 Dec 19 23:02 frpclient
root@Mydsm:/volume1/Share/FRP# cp ./1_collick.xyz_bundle.crt 2_collick.xyz.key  /frp/
root@Mydsm:/volume1/Share/FRP#
root@Mydsm:/volume1/Share/FRP#
root@Mydsm:/volume1/Share/FRP# cd /frp/
root@Mydsm:/frp# ll
total 9692
drwxr-xr-x  2 root root    4096 Jan 24 18:18 .
drwxr-xr-x 23 root root    4096 Jan  6 20:24 ..
----------  1 root root    3765 Jan 24 20:51 1_collick.xyz_bundle.crt
----------  1 root root    1704 Jan 24 20:51 2_collick.xyz.key
-rwxr-xr-x  1 root root 9887744 Dec 19 23:03 frpc
-rwxr-xr-x  1 root root     562 Jan 24 18:17 frpc.ini
-rwxr-xr-x  1 root root     271 Jan 24 16:28 frpc.ini.bak
-rw-rw----  1 root root    1964 Jan 24 17:46 frpc.log
-rwxr-xr-x  1 root root      53 Jan 22 20:57 frpc.sh
-rw-------  1 root root    2014 Jan  1 22:42 nohup.out

三、修改Nginx的配置文件

  1. 我的Nginx的配置文件在/nginx/conf目录下

    [root@VM-0-2-centos conf]# pwd
/nginx/conf
[root@VM-0-2-centos conf]# ll
total 40
-rw-r--r-- 1 1001 1001 1077 Dec 15 22:41 fastcgi.conf
-rw-r--r-- 1 1001 1001 1007 Dec 15 22:41 fastcgi_params
-rw-r--r-- 1 1001 1001 2837 Dec 15 22:41 koi-utf
-rw-r--r-- 1 1001 1001 2223 Dec 15 22:41 koi-win
-rw-r--r-- 1 1001 1001 5231 Dec 15 22:41 mime.types
-rwxr-xr-x 1 root root  691 Dec 23 22:06 nginx.conf
-rw-r--r-- 1 1001 1001  636 Dec 15 22:41 scgi_params
-rw-r--r-- 1 1001 1001  664 Dec 15 22:41 uwsgi_params
-rw-r--r-- 1 1001 1001 3610 Dec 15 22:41 win-utf
[root@VM-0-2-centos conf]#

  2. 或者通过以下命令查询生效的配置文件位置

    [root@VM-0-2-centos objs]# ./nginx -t
nginx: the configuration file /nginx/conf/nginx.conf syntax is ok
nginx: configuration file /nginx/conf/nginx.conf test is successful

  3. 修改配置文件(请根据需求修改）

    [root@VM-0-2-centos conf]# cat nginx.conf
worker_processes  1;
events {
worker_connections  1024;
}

http {
server {
#listen 80;
listen       443 ssl;
server_name www.collick.xyz;
#从腾讯云获取到的第一个文件的全路径
ssl_certificate /etc/ssl/nginx/1_collick.xyz_bundle.crt;
#从腾讯云获取到的第二个文件的全路径
ssl_certificate_key /etc/ssl/nginx/2_collick.xyz.key;
ssl_session_timeout 5m;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
ssl_prefer_server_ciphers on;

location / {
                     proxy_pass  http://127.0.0.1:8080;  #8080端口位FRP服务的服务端口
                     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                     proxy_set_header Host $http_host;
                     proxy_set_header X-NginX-Proxy true;
                     proxy_http_version 1.1;
                     proxy_set_header Upgrade $http_upgrade;
                     proxy_set_header Connection "upgrade";
                     proxy_max_temp_file_size 0;
                     proxy_redirect off;
                     proxy_read_timeout 240s;

             }

             error_page   500 502 503 504  /50x.html;
             location = /50x.html {
                     root   /nginx/html;
             }
     }

     server{
     listen 80;
     server_name www.collick.xyz;
     rewrite ^/(.*)$ https://www.collick.cn:443/$1 permanent;
     }
}

  4. 修改完成后重新加载配置文件

    [root@VM-0-2-centos sbin]# pwd
/nginx/sbin
[root@VM-0-2-centos sbin]#
[root@VM-0-2-centos sbin]#
[root@VM-0-2-centos sbin]# ./nginx -s reload    #使用命令重新加载配置文件

四、FRPS服务端的安装配置
请参阅FRP安装配置

五、FRPC客户端配置证书
登陆群晖后台，进入frp目录（详情参阅FRP安装配置）
配置文件如下（重新启动一次客户端服务）：

root@Mydsm:/frp# 
root@Mydsm:/frp# cat  frpc.ini

[common]

server_addr = collick.xyz server_port = 7000 #你的FRPS服务器设定的密码 token = www.collick.xyz

[www_htts2http]

type = https custom_domains = www plugin = https2http plugin_local_addr = 127.0.0.1:80 # HTTPS 证书相关的配置 plugin_crt_path = ./1_collick.xyz_bundle.crt plugin_key_path = ./2_collick.xyz.key plugin_host_header_rewrite = 127.0.0.1 plugin_header_X-From-Where = frp

六、群晖服务器证书新增

  1. 将申请的Apache证书导入至群晖Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问

私钥：选择您之前保存在计算机中的 server.key 文件
证书：选择您从认证机构收到的签发证书。文件名应类似于 yourdomainname.crt。
中间证书：此为可选填项目。如果认证机构提供了中间凭证，请在此导入。

Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问
  1. 配置导入的证书Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问
    以下红框部分，来自群晖web station的虚拟主机配置（后期会补充一个群晖安装typecho的文档）Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问

七、Typecho配置部分

  1. 登陆后台设置-基本设置，将站点地址修改成https
    Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问

  2. 下载插件TEDUriReplace
    下载地址：点击跳转
    此插件的功能主要用于前期使用http时产生的页面的部分地址会延续使用http开头的链接地址，当时用浏览器访问时，浏览器会报以下错误：
    Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问

  3. 开启HTTPS
    编辑站点根目录下的config.inc.php文件，添加下面的配置：

    /** 开启HTTPS */
define('__TYPECHO_SECURE__',true);
-> 加入科技玩家交流群组：点击加入 注意:
1.文中二维码和链接可能带有邀请性质，请各位玩家自行抉择。
2.请勿通过链接填写qq号与密码、银行卡号与密码等个人隐私信息。
3.禁止纯拉人头，拉app注册等信息，发现必小黑屋。
4.同一种信息仅发一次，多发会被删除。
5.文章中源码或APP等，无法保证其绝对安全，需自行辨别。
6.文章关联方不想展示也可以微信站长“socutesheep”删除。
本文由 @collick 发布。如若转载，请注明出处： 科技玩家 » Nginx + FRP + 群晖 + Typecho配置证书实现HTTPS访问

给TA买糖
共{{data.count}}人
人已买糖
frpnginxtypecho群晖
教程玩家投稿精选文章

GitHub 代码实时同步 gitee 和 coding

2022-2-10 12:43:53

学习笔记精选文章

Rclone挂载群晖Webdav轻松实现和云盘同步！

2022-2-10 22:50:52

63 条回复 A文章作者 M管理员
贴心提醒
请认真对待作者付出，勿发表无意义言论，触发过滤规则的评论将无法提交，包含敏感词的评论会自动变成待审核状态哦。
  1. passengerya

    感谢分享呀

  2. 84896150

    很详细的教程

  3. slimei

    这真是个好文章，谢谢

  4. 84896150

    谢谢楼主，赞

  5. slimei

    mark一下。

❯
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索

  • 扫码打开当前页

  • 关注玩家不迷路

返回顶部