前置条件:购买了域名
DNS 解析 DNSPod
地址:https://console.cloud.tencent.com/cns
申请SSL证书,支持https
地址:https://console.cloud.tencent.com/ssl
最后前往DNSPOD网站查看结果
地址:https://console.dnspod.cn/dns/list/?source=cloud&page=console&from=cns_list_notice
配置在Nginx中
- 下载证书文件,将crt和key后缀文件拷贝到服务器上
- 将文件路径地址配置nginx中,配置如下
server {
listen 80;
server_name www.debugksir.club;
rewrite ^(.*)$ https://$host$1 permanent;
# return 301 https://$server_name$request_uri;
}
server {
listen 443 ssl;
server_name www.debugksir.club;
ssl_certificate /data/ssl/debugksir.club_bundle.crt;
ssl_certificate_key /data/ssl/debugksir.club.key;
ssl_session_cache shared:SSL:1m;
ssl_session_timeout 5m;
ssl_ciphers HIGH:!aNULL:!MD5;
ssl_prefer_server_ciphers on;
location / {
gzip on;
root /data/www/healthCheck/dist;
try_files $uri $uri/ /index.html;
}
}
我在项目中添加了pwa支持,配合https安全访问,最终可以在浏览器中地址栏中看到下载的标志,用户可以通过该按钮将网站安装到桌面,便于快捷和离线访问。