前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >打造专业网站:云服务器域名配置详解

打造专业网站:云服务器域名配置详解

作者头像
草帽lufei
发布2024-05-18 09:01:35
980
发布2024-05-18 09:01:35
举报
文章被收录于专栏:程序语言交流

前言

此文章接上一篇 从0到1部署一个云服务站点需要哪些步骤, 本文记录了一个站点绑定域名的完整操作过程,遇到的问题,分析步骤,以及一些思路等

域名绑定公网IP

在购买域名的对应服务商后台中,绑定域名到云服务器厂商提供的公网IP,并设置状态为启动

绑定域名到80端口

nginx.conf 文件中,在 http 设置中添加 server 配置, 将 server_name 设置成 自己的域名地址,设置 listen80,设置 root 资源路径为对应的站点文件,如下设置

代码语言:javascript
复制

http {
    server {
        listen       80;
        server_name  yiwuan.xyz;
        location / {
            root   /xxx/xxx/public;
            index  index.html;
            try_files $uri $uri/ /index.html;
        }
        location = /index.html {
            root   /html/xxx/xxx;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /usr/share/nginx/html;
        }
    }
}

在云服务的后台中,开放 80 端口

添加好配置后执行 nginx -s reload 重启 nginx 服务,在浏览器上输入配置的域名 yiwuan.xyz,回车查看效果

能正常通过域名访问说明域名配置就成功了

设置证书安全访问

目前站点已经可以通过 http://yiwuan.xyz 地址进行访问了,浏览器提示不安全,是因为没有添加对应的域名证书

在域名服务商那里下载对应服务器的证书,我这里的服务器是 nginx,下载 nginx 对应的证书文件

nginx 证书文件先下载到本地 Win11 系统 ,然后使用 scp 传到 CentOS 服务器

代码语言:javascript
复制
scp .\yiwuan.xyz_nginx.tar root@ip:/xxx/xxx/yiwuan.xyz/

找到你上传的tar归档文件所在的目录,然后使用 tar 命令解压归档文件,然后将 pem , key 文件移动到指定位置

代码语言:javascript
复制
tar -xvf yiwuan.xyz_nginx.tar

添加443端口,并设置证书地址

添加一个 server 配置,如下内容

代码语言:javascript
复制
    server {
        listen       443 ssl;
        server_name  yiwuan.xyz;

        ssl_certificate      /xxx/xxx/yiwuan.xyz.pem;  # SSL证书文件路径
        ssl_certificate_key  /xxx/xxx/yiwuan.xyz.key;    # SSL证书密钥文件路径

        ssl_session_timeout  5m;
        ssl_protocols  TLSv1 TLSv1.1 TLSv1.2;
        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;

        location / {
            proxy_pass http://localhost:80;
            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;

            root   /html/xxx/xxx;
            index  index.html;
            try_files $uri $uri/ /index.html;
        }
        location = /index.html {
            root   /html/xxx/xxx;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /usr/share/nginx/html;
        }

        # gzip
        gzip on;
        gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
        gzip_proxied any;
        gzip_vary on;
    }

检查防火墙状态

我这里使用的 firewalld 防火墙,运行以下命令查看状态

代码语言:javascript
复制
firewall-cmd --state

输出 running 表示防火墙正在运行,状态正常

设置允许HTTPS流量

对于 firewalld ,运行以下命令添加服务

代码语言:javascript
复制
firewall-cmd --zone=public --add-service=https --permanent

修改配置后,重启 firewalld 防火墙

代码语言:javascript
复制
firewall-cmd --reload

出现一个错误

设置完允许HTTPS流量后在浏览器中访问 https://yiwuan.xyz 域名地址报错,提示当前页面不可访问

使用 cat /var/log/nginx/access.log 命令查看 nginx 的服务端的输出日志

关键信息似乎就一个 502,没有其他更多的信息了

查看云服务后台的安全组端口配置,入方向规则里面开了 443 和对应的代理端口 80

查看云服务 CentOS 系统的防火墙HTPPS端口是否开启

代码语言:javascript
复制
firewall-cmd --zone=public --list-services

输出 cockpit dhcpv6-client https ssh,里面包含 https 说明 firewalld 中已成功开启 443 端口(HTTPS端口)

资料补充

cockpit, dhcpv6-client, https, ssh 分别表示以下内容:

  • cockpit: 一个基于Web的服务器管理工具,用于管理和监控Linux服务器
  • dhcpv6-client: DHCPv6客户端,用于IPv6网络中的动态主机配置协议
  • https: HTTPS是一种安全的超文本传输协议,用于在网络上安全地传输数据
  • ssh: SSH是安全外壳协议,用于通过加密通道在网络上安全地访问和管理远程计算机

这些术语分别代表服务器管理工具、IPv6 DHCP客户端、安全的HTTP传输协议和安全的远程访问协议

内网测试域名通不通

使用 curl https://yiwuan.xyz 发现结果和在客户端浏览器得到的内容一样

ping 了一下域名后测试,域名是通的

使用 curl 在内网测试一下域名代理的 IP 地址 localhost:80 效果

直接提示 Connection refused,说明是服务端的配置方式有问题了

查看了一下 nginx.conf 中的配置,原来配置 443 后就把 localhost:80 这个 server 配置给删了,把 80 的配置恢复一下,然后再把 443 这个域名配置代理指向 80 这个配置,改成如下效果

代码语言:javascript
复制
...
    server {
        listen       80;
        server_name  localhost;
        location / {
            root   /html/xxx/xxx;
            index  index.html;
            try_files $uri $uri/ /index.html;
        }
        location = /index.html {
            root   /html/xxx/xxx;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /usr/share/nginx/html;
        }

        # gzip
        gzip on;
        gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
        gzip_proxied any;
        gzip_vary on;
    }

    server {
        listen       443 ssl;
        server_name  yiwuan.xyz;

        ssl_certificate      /etc/letsencrypt/live/yiwuan.xyz/yiwuan.xyz.pem;  # SSL证书文件路径
        ssl_certificate_key  /etc/letsencrypt/live/yiwuan.xyz/yiwuan.xyz.key;    # SSL证书密钥文件路径

        ssl_session_timeout  5m;
        ssl_protocols  TLSv1 TLSv1.1 TLSv1.2;
        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;

        location / {
            proxy_pass http://localhost:80;
            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;

        }

        # gzip
        gzip on;
        gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
        gzip_proxied any;
        gzip_vary on;
    }

再次测试 https://yiwuan.xyz 域名,效果正常了

设置 www.yiwuan.xyz 自动跳转到 https 地址

单独加一个 server 配置,并重定向指向 https 的地址,如下设置

代码语言:javascript
复制
    server {
        listen       80;
        server_name  www.yiwuan.xyz;
        return 301 https://$host$request_uri;
    }

在浏览器中输入 www.yiwuan.xyz 自动跳转成 https://www.yiwuan.xyz 说明配置就成功了

设置 http 自动跳转到 https

添加一个 server 配置,再次设置重定向指向 https 的地址

代码语言:javascript
复制
    server {
        listen       80;
        server_name  yiwuan.xyz;
        return 301 https://$host$request_uri;
    }

注意!$host 是变量,和 yiwuan.xyz 一个效果,如下配置

代码语言:javascript
复制
    server {
        listen       80;
        server_name  yiwuan.xyz;
        return 301 https://yiwuan.xyz$request_uri;
    }

在浏览器中输入 http://yiwuan.xyz 地址自动变成 https://yiwuan.xyz 说明配置成功了

最终配置如下

代码语言:javascript
复制
...
    server {
        listen       80;
        server_name  www.yiwuan.xyz;
        return 301 https://$host$request_uri;
    }

    server {
        listen       80;
        server_name  yiwuan.xyz;
        return 301 https://$host$request_uri;
    }

    server {
        listen       443 ssl;
        server_name  yiwuan.xyz;

        ssl_certificate      /etc/letsencrypt/live/yiwuan.xyz/yiwuan.xyz.pem;  # SSL证书文件路径
        ssl_certificate_key  /etc/letsencrypt/live/yiwuan.xyz/yiwuan.xyz.key;    # SSL证书密钥文件路径

        ssl_session_timeout  5m;
        ssl_protocols  TLSv1 TLSv1.1 TLSv1.2;
        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;

        location / {
            root   /html/xxx/xxx;
            index  index.html;
            try_files $uri $uri/ /index.html;
        }
        location = /index.html {
            root   /html/xxx/xxx;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /usr/share/nginx/html;
        }

        # gzip
        gzip on;
        gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
        gzip_proxied any;
        gzip_vary on;
    }

...

总结一下

在进行 nginx 配置时遇到的小问题也不少,有时候网上查到的资料,别人那样设置行,放到自己这里就不行,结合官方文档和网上找到的资料多尝试,并做好记录,执行完 nginx -s reload 命名后多等一会儿再去无痕浏览器中测试,否则可能会有缓存问题导致配置不生效情况

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-05-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 草帽Lufei 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 域名绑定公网IP
  • 绑定域名到80端口
  • 设置证书安全访问
  • 添加443端口,并设置证书地址
    • 检查防火墙状态
      • 设置允许HTTPS流量
        • 出现一个错误
          • 资料补充
        • 内网测试域名通不通
        • 设置 www.yiwuan.xyz 自动跳转到 https 地址
        • 设置 http 自动跳转到 https
        • 最终配置如下
        • 总结一下
        相关产品与服务
        云服务器
        云服务器(Cloud Virtual Machine,CVM)提供安全可靠的弹性计算服务。 您可以实时扩展或缩减计算资源,适应变化的业务需求,并只需按实际使用的资源计费。使用 CVM 可以极大降低您的软硬件采购成本,简化 IT 运维工作。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档