阿里云域名备案&域名解析&SSL证书申请&Nginx代理

一、域名备案

进入到：ICP 备案管理界面，如：

选择一台服务器申请备案；准备好相关资料，按要求填写对应信息，整个备案周期大约10个工作日左右；备案成功之后，如：

然后再「域名服务」的「域名列表」中就可以看到之前申请的域名了，如：

二、域名解析

这里需要对之前申请的域名进行解析（即：指定访问机器IP），点击域名列表操作中的「解析」操作，如：

填写完成之后，点击确定，如：

解析完成 ~

三、SSL证书申请

这里以免费证书为例，每年可以领20个免费证书

点击「证书申请」，如：

填完信息，后面直接点击「下一步」，直至完成 ~

ps：证书也需要解析

四、Nginx代理

4.1 nginx部署前端静态文件

前提：nginx已经安装成功

创建web项目的目录，将前端打包编译好的文件到指定目录下

4.2 创建nginx配置文件的规则

4.2.1 http形式无证书配置

切换到存放nginx的conf文件配置目录：cd /etc/nginx/conf.d

新建nginx的conf配置文件：mkdir server.conf

执行vim server.conf，如：

server {
	listen       80;
	server_name  xxx.cn; #域名为 xxx.com

	gzip on; #开启nginx的gzip压缩，下面都是gzip的配置不详细说明了都是为了提高静态资源的访问速度
	gzip_min_length 3k;
	gzip_comp_level 9;
	gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
	gzip_vary on;
	gzip_disable "MSIE [1-6]\.";

	location / {
		root   /admin/web; #前端静态文件存放的路径
		try_files $uri $uri/ /index.html; #开启二次刷新的前端文件与前面那次相同
		index  index.html index.htm;
	}
}

ps：
1. http多为用于测试环境
2. 以上配置中的#都是配置解释，复制黏贴时最好去掉，要不然容易出错，当然一些优化配置也可以去掉，最后 nginx -t 检查配置文件是否正确，没有报错就 nginx -s reload 重启nginx加载配置生效

4.2.2 https形式有证书配置

切换到nginx目录：cd /etc/nginx

创建存放ssl证书的目录：mkidr cert

申请证书步骤这里就不详细说明，这里只需要把申请好的证书上传到/etc/nginx/cert就行

新建nginx的conf配置文件：mkdir server-https.conf

执行vim server-https.conf，如：

server {
	listen       80;
	server_name  xxx.cn; #域名为 xxx.com
	rewrite ^(.*)$ https://$host$1 permanent; #强制跳转为https
}

server {
	listen 443 ssl;
	server_name xxx.cn; #域名为 xxx.com

	ssl_certificate /usr/local/etc/nginx/cert/xxx.pem; #这里和下面必须配置自己上传的证书名字
	ssl_certificate_key /usr/local/etc/nginx/cert/xxx.key;
	ssl_session_timeout 5m;
	ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
	ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
	ssl_prefer_server_ciphers on;

	gzip on; #开启nginx的gzip压缩，下面都是gzip的配置不详细说明了都是为了提高静态资源的访问速度
	gzip_min_length 3k;
	gzip_comp_level 9;
	gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;  gzip_vary on;
	gzip_disable "MSIE [1-6]\.";

	location / {
		root   /admin/web; #前端静态文件存放的路径
		try_files $uri $uri/ /index.html; #开启二次刷新的前端文件与前面那次相同
		index index.html index.htm;
	}
}

ps：
以上配置中的#都是配置解释，复制黏贴时最好去掉，要不然容易出错，当然一些优化配置也可以去掉，最后 nginx -t 检查配置文件是否正确，没有报错就nginx -s reload 重启nginx加载配置生效。