# pig-ui https证书配置和使用教程 csdn文档：https://blog.csdn.net/if_deram/article/details/118443403 **须知:** centos部署参考https://www.yuque.com/pig4cloud/pig/ggffp7 ,此文档只提供https=》前端和nginx部署 > 必须拥有域名,并且域名备案解析到服务器,教程以阿里云为主,腾讯云等云服务配置大同小异 ## 1. 登录阿里云 点击链接登录阿里云 https://account.aliyun.com/login/login.htm ,输入用户名密码登录 ## 2. 购买ssl免费证书 ### 2.1 首先搜索框中输入ssl,点击搜索或回车 **注：如若域名和服务器不在同一运营商，须在云服务器所在运营商进行购买配置ssl证书** ![image-20210630172121982](https://www.xingyijiankang.com/pig/img/image-20210630172121982.png) ### 2.2 弹出ssl证书相关内容,点击立即购买证书->选购证书 ![image-20210630172232250](https://www.xingyijiankang.com/pig/img/image-20210630172232250.png) ### 2.3 选择商品属性并点击立即购买 ![image-20210630174600004](https://www.xingyijiankang.com/pig/img/image-20210630174600004.png) ## 3. ssl证书申请 ### 3.1 进去证书管理控制台,可以回到首页搜索ssl,选择管理控制台 ![image-20210630174945686](https://www.xingyijiankang.com/pig/img/image-20210630174945686.png) ### 3.2 点击左侧SSL证书,右侧的证书申请 > **注意:免费证书可以为你域名提供https的服务,但是不能为你的2级域名,3级域名提供,只限于你的1级域名使用** ![image-20210630175518787](https://www.xingyijiankang.com/pig/img/image-20210630175518787.png) ### 3.3 点击创建证书并且填写认证申请信息 **大概几分钟就可以申请通过** * 点击申请 ![image-20210630180048714](https://www.xingyijiankang.com/pig/img/image-20210630180048714.png) * 填写信息 **注： 域名验证方式：如果您绑定的域名在本账号下，可以使用自动验证** > 推荐选择 **域名验证方式** ->手工DNS验证 **CSR生成方式** ->系统生成 * (推荐)填写基本信息：**域名验证方式** ->自动DNS验证，**CSR生成方式** ->系统生成 ![image-20210630180207905](https://www.xingyijiankang.com/pig/img/image-20210630180207905.png) * （不推荐）填写基本信息：**域名验证方式** ->自动DNS验证， **CSR生成方式** ->手动填写 > 注意：手动填写CSR的证书不支持部署到阿里云产品。 > 在制作CSR文件时请务必保存好您的私钥文件。私钥和SSL证书一一对应，一旦丢失了私钥，您的数字证书也将不可使用 **手动生成证书的密钥和CSR文件, window下默认提供Keytool工具生成CSR文件** 创建一个文件夹，在该文件夹下执行如下命令 1. 执行以下命令，生成keystore证书文件 ```shell keytool -genkey -alias [$Alias] -keyalg RSA -keysize 2048 -storepass [123456] -keystore [$Keytool_Path] ``` > 说明 > > -alias: 证书别名，[$Alias]可自定义 > > -keyalg: 使用的RSA算法，不可以修改 > > -keysize: 密钥长度为2048bit，不可以修改 > > -storepass: 密钥库口令，自定义 > > -keystore: 密钥库文件名 > > -Keytool_Path: 证书文件保存路径，默认当前路径 2. 根据系统返回的提示，输入生成CSR文件所需的信息。以下是关于提示的说明： 您的名字与姓氏是什么?(first and last name)：申请证书的域名。 您的组织单位名称是什么?(name of your organizational unit)：部门名称。 您的组织名称是什么?(name of your organization)：公司名称。 您所在的城市或区域名称是什么?(name of your City or Locality)：城市名称。 您所在的城市或区域名称是什么?(name of your State or Province)：州名或省份名称。 该单位的双字母国家/地区代码是什么?(two-letter country code for this unit)：两位字符的ISO国家代码。 3. 确认输入内容是否正确，输入Y表示正确 ![image-20210630180207905](https://www.xingyijiankang.com/pig/img/image_20210703163909.png) 4. 执行以下命令，生成CSR文件 ```shell keytool -certreq -sigalg SHA256withRSA -alias [$Alias] -storepass [123456] -keystore [$Keytool_Path] -file [$Keytool_CSR] ``` >说明： > > -sigalg: 摘要算法 > > [$Keytool_CSR]：CSR文件存放路径 > > -alias、-storepass、-keystore:与keystore证书文件一致 ![image-20210630180207905](https://www.xingyijiankang.com/pig/img/image_20210703164115.png) 5. 打开CSR文件，复制进`CSR文件内容`，点击确定 如果生成keystore证书填写域名和当前认证域名不一致，或修改加密位数或算法报如下错误，解决方案：`检查域名是否一直，输入文件是否按照要求` ![image-20210630180207905](https://www.xingyijiankang.com/pig/img/image_20210703163922.png) * 域名验证,提交审核 ![image-20210701093145300](https://www.xingyijiankang.com/pig/img/image-20210701093145300.png) ## 4. 证书下载 等待状态变为**以签发** ,你就可以点击下载,只需要下载nginx证书 **下载内容为:** 此证书信息和密钥 * 点击下载 ![image-20210630201101990](https://www.xingyijiankang.com/pig/img/image-20210630201101990.png) * 下载nginx ![image-20210630201206960](https://www.xingyijiankang.com/pig/img/image-20210630201206960.png) * 开放安全组，默认没有开始443安全组，需开启 1. 点击**`实例`** ，在选择你的服务器 ![image-20210702093422557](https://www.xingyijiankang.com/pig/img/image-20210702093422557.png) 2. 点击**`安全组`** ，在点击**`内网入方向全部规则`** 查看是否开启443端口，如果没有开启，请选择**`安全组`** 列表**`加入安全组`** 并**`配置规则`** ![image-20210702093622581](https://www.xingyijiankang.com/pig/img/image-20210702093622581.png) ​ ![image-20210702093929827](https://www.xingyijiankang.com/pig/img/image-20210702093929827.png) ![image-20210702094036002](https://www.xingyijiankang.com/pig/img/image-20210702094036002.png) ## 5. 拷贝证书文件 进入服务器nginx下conf目录创建cert并把ssl证书 *.pem 和 私钥 *.key拷贝到这个目录 > 注:文件可以放在服务器任意目录下 ```shell #当前我nginx安装在/usr/local目录下,一般软件都建议安装在此目录下 mkdir /usr/local/nginx/conf/cert -p ``` ## 6. (可选)nginx部署ssl模块 **注：** 通过tar包安装nginx需部署ssl模块 ### 6.1 查看nginx是否有ssl模块,如果没有则安装 * (可选)nginx全局配置下执行-V命令查看是否用ssl模块 * (可选)在nginx安装目录下的**sbin目录** 下查看 ```shell #进入nginx安装目录下的sbin cd /usr/local/nginx/sbin #执行./nginx -V命令 ./nginx -V #以下是返回值 # configure arguments: --prefix=/usr/local/nginx --pid-path=/var/run/nginx/nginx.pid --lock-path=/var/lock/nginx.lock --error-log-path=/var/log/nginx/error.log --http-log-path=/var/log/nginx/access.log --with-http_gzip_static_module --http-client-body-temp-path=/var/temp/nginx/client --http-proxy-temp-path=/var/temp/nginx/proxy --http-fastcgi-temp-path=/var/temp/nginx/fastcgi --http-uwsgi-temp-path=/var/temp/nginx/uwsgi --http-scgi-temp-path=/var/temp/nginx/scgi ``` * (可选)进入到nginx解压的文件夹objs文件夹下验证是否拥有ssl,演示解压文件在/home/software目录下 ```shell #进入software目录 cd /home/software #进入nginx解压目录下objs目录,nginx模块都会存放在objs文件夹下 cd nginx/objs #进入ngx_modules.c文件搜索ssl验证是否存在 vi ngx_modules.c #输入/ssl查找 /ssl ``` * 未查找到,返回到nginx解压目录,新增ssl模块 ```shell #进入到nginx解压目录 cd cd /home/software/nginx #执行命令,--prefix为你nginx安装目录 ./configure \ --prefix=/usr/local/nginx \ --pid-path=/var/run/nginx/nginx.pid \ --lock-path=/var/lock/nginx.lock \ --error-log-path=/var/log/nginx/error.log \ --http-log-path=/var/log/nginx/access.log \ --with-http_gzip_static_module \ --http-client-body-temp-path=/var/temp/nginx/client \ --http-proxy-temp-path=/var/temp/nginx/proxy \ --http-fastcgi-temp-path=/var/temp/nginx/fastcgi \ --http-uwsgi-temp-path=/var/temp/nginx/uwsgi \ --http-scgi-temp-path=/var/temp/nginx/scgi \ --with-http_ssl_module ``` * 执行编译并且安装 ```shell make make install ``` ### 6.2 检测是否安装成功(2种方案可选) 1. 通过查看解压**nginx/objs目录下ngx_modules.c** 是否安装ssl模块 ```shell #进入software目录 cd /home/software #进入objs目录,nginx模块都会存放在objs文件夹下 cd nginx/objs #进入ngx_modules.c文件搜索ssl验证是否存在 vi ngx_modules.c #输入/ssl查找模块 /ssl ``` 2. 通过nginx安装目录sbin下执行**./nginx -V** 查看 ```shell #进入安装目录sbin文件夹下 cd /usr/local/nginx/sbin #执行./nginx -V命令 ./nginx -V #以下是返回值,已经拥有with-http_ssl_module模块 # configure arguments: --prefix=/usr/local/nginx --pid-path=/var/run/nginx/nginx.pid --lock-path=/var/lock/nginx.lock --error-log-path=/var/log/nginx/error.log --http-log-path=/var/log/nginx/access.log --with-http_gzip_static_module --http-client-body-temp-path=/var/temp/nginx/client --http-proxy-temp-path=/var/temp/nginx/proxy --http-fastcgi-temp-path=/var/temp/nginx/fastcgi --http-uwsgi-temp-path=/var/temp/nginx/uwsgi --http-scgi-temp-path=/var/temp/nginx/scgi --with-http_ssl_module ``` ## 7. 前端部署 * 通过tar安装nginx方式 ```shell #进入nginx安装目录下conf文件 cd /usr/local/nginx/conf/ #修改nginx配置文件 vi nginx.conf user root; worker_processes auto; events { worker_connections 1024; } http { server { #如果您使用Nginx 1.15.0及以上版本，请使用listen 443 ssl代替listen 443和ssl on listen 443 ssl; #listen 443; # 开启ssl #ssl on; #替换你自己的域名 server_name www.domian.com domian.com; # 配置ssl证书,替换你自己下载的nginx证书,可以是相对路径或绝对路径 ssl_certificate cert/5887362_www.yourpem.com.pem; # 配置证书秘钥,系统生成=》替换你自己下载的nginx密钥,手动填写=》需要你通过openssl生成密钥上传，可以是相对路径或绝对路径 ssl_certificate_key cert/5887362_www.yourkey.com.key; # ssl会话cache ssl_session_cache shared:SSL:1m; # ssl会话超时时间 ssl_session_timeout 5m; # 配置加密套件，写法遵循 openssl 标准 ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; #表示使用的TLS协议的类型 ssl_prefer_server_ciphers on; root /data/pig-ui; index index.html; location / { root /data/pig-ui; index index.html; } # 注意维护新增微服务，gateway 路由前缀 location ~* ^/(code|auth|admin|gen) { proxy_pass http://127.0.0.1:9999; proxy_set_header Host $host; proxy_set_header X-Forwarded-Proto $scheme; add_header Cache-Control no-store; proxy_connect_timeout 15s; proxy_send_timeout 15s; proxy_read_timeout 15s; 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 http; } server{ listen 80; #换成你的域名 server_name www.domian.com domian.com; #重定向到https return 301 https://$server_name$request_uri; } } } #启动nginx，进入nginx安装目录下的sbin cd /usr/local/nginx/sbin #启动nginx ./nginx ``` * 通过yum命令安装nginx方式 ```shell mkdir -p /data/pig-ui && cp -r dist/* /data/pig-ui cd /etc/nginx/conf.d && rm -f default.conf vim pigx.conf server { #如果您使用Nginx 1.15.0及以上版本，请使用listen 443 ssl代替listen 443和ssl on listen 443 ssl; #listen 443; # 开启ssl #ssl on; #替换你自己的域名 server_name www.domian.com domian.com; # 配置ssl证书,替换你自己下载的nginx证书,可以是相对路径或绝对路径 ssl_certificate cert/5887362_www.yourpem.com.pem; # 配置证书秘钥,系统生成=》替换你自己下载的nginx密钥,手动填写=》需要你通过openssl生成密钥上传， ssl_certificate_key cert/5887362_www.yourkey.com.key; # ssl会话cache ssl_session_cache shared:SSL:1m; # ssl会话超时时间 ssl_session_timeout 5m; # 配置加密套件，写法遵循 openssl 标准 ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; #表示使用的TLS协议的类型 ssl_prefer_server_ciphers on; root /data/pig-ui; index index.html; location / { root /data/pig-ui; index index.html; } # 注意维护新增微服务，gateway 路由前缀 location ~* ^/(code|auth|admin|gen) { proxy_pass http://127.0.0.1:9999; proxy_set_header Host $host; proxy_set_header X-Forwarded-Proto $scheme; add_header Cache-Control no-store; proxy_connect_timeout 15s; proxy_send_timeout 15s; proxy_read_timeout 15s; 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 http; } } server { #监听80端口 listen 80; #替换自己的域名 server_name www.domain.com domain.com; #开启https，http失效需重定向到https return 301 https://$server_name$request_uri; } #启动nginx nginx ``` ## 8. 验证是否成功 ```shell #浏览器输入地址验证domain换成你的ip地址 https://www.domian.com ``` # 可参考文档 阿里云申请配置https参考步骤 https://help.aliyun.com/video_detail/212905.html?spm=a2c4g.11186623.2.2.20fa1a26hDPFQM 华为云申请免费ssl步骤 https://support.huaweicloud.com/qs-ccm/ccm_07_0012.html 腾讯云申请免费ssl步骤 1. 申请 https://cloud.tencent.com/document/product/400/6814 2. 验证域名 https://support.huaweicloud.com/ccm_faq/ccm_01_0268.html#ccm_01_0268__fig1141255248