前置条件:购买了域名

DNS 解析 DNSPod

地址:https://console.cloud.tencent.com/cns

image.png

image.png

申请SSL证书,支持https

地址:https://console.cloud.tencent.com/ssl

image.png

最后前往DNSPOD网站查看结果

地址:https://console.dnspod.cn/dns/list/?source=cloud&page=console&from=cns_list_notice

image.png

配置在Nginx中

  1. 下载证书文件,将crt和key后缀文件拷贝到服务器上
  2. 将文件路径地址配置nginx中,配置如下
  1. server {
  2. listen 80;
  3. server_name www.debugksir.club;
  4. rewrite ^(.*)$ https://$host$1 permanent;
  5. # return 301 https://$server_name$request_uri;
  6. }
  7. server {
  8. listen 443 ssl;
  9. server_name www.debugksir.club;
  10. ssl_certificate /data/ssl/debugksir.club_bundle.crt;
  11. ssl_certificate_key /data/ssl/debugksir.club.key;
  12. ssl_session_cache shared:SSL:1m;
  13. ssl_session_timeout 5m;
  14. ssl_ciphers HIGH:!aNULL:!MD5;
  15. ssl_prefer_server_ciphers on;
  16. location / {
  17. gzip on;
  18. root /data/www/healthCheck/dist;
  19. try_files $uri $uri/ /index.html;
  20. }
  21. }

我在项目中添加了pwa支持,配合https安全访问,最终可以在浏览器中地址栏中看到下载的标志,用户可以通过该按钮将网站安装到桌面,便于快捷和离线访问。

访问网址验证

image.png