使用Docker在MacOS上部署Nginx并配置Https

基于iOS开发基于MacOS，因此，我们的服务器也优先考虑部署在MacOS上。

首先来部署Web服务器Nginx

在这里为了部署的方便，我们考虑使用Docker来部署

第一步：安装Docker

MacOS Docker 安装

第二步：拉取nginx镜像到本地

docker pull nginx

第三步：测试下nginx镜像是否可用

docker run -d --name nginx -p 80:80 nginx
docker ps

如果镜像成功运行，我们通过docker ps命令可以看到下面的结果

docker ps的结果.png

此时，我们可以在浏览器中访问http://localhost

截屏2022-08-08 09.41.46.png

注意，目前我们没有设置https的访问端口，因此，我们无法访问https://localhost。

第四步：挂载

那么如何修改Nginx的配置，查看log，或者更新网站的内容？很简单，通过挂载（映射）

我们知道，Nginx镜像中，几个需要我们挂载（映射）的内容分别为：

服务器主配置文件：/etc/nginx/nginx.conf
服务器从配置文件目录：/etc/nginx/conf.d/
服务器内容默认目录：/usr/share/nginx/html
服务器日志目录：/var/log/nginx

因此我们需要在主机内创建相应的文件/目录，通过 - v 指令将本地的和镜像内的进行挂载（映射）。

首先，需要在本地创建相应的目录，我们在用户目录下，创建一个parse.server.docker的项目目录，在其下进行开发。

cd $HOME 
mkdir parse.server.docker
cd parse.server.docker
mkdir -p ./{logs,nginx}
mkdir -p ./logs/nginx
mkdir -p ./nginx/{conf.crt,conf.d,html}

创建完一系列子目录后，我们先把镜像中Nginx相对应路径的默认文件复制到本地

docker cp nginx:/etc/nginx/nginx.conf $HOME/parse.server.docker/nginx/
docker cp nginx:/etc/nginx/conf.d $HOME/parse.server.docker/nginx/
docker cp nginx:/usr/share/nginx/html $HOME/parse.server.docker/nginx/ 
docker cp nginx:/var/log/nginx $HOME/parse.server.docker/logs/

在进行挂载（映射）之前，我们需要先删除之前的Nginx镜像

docker stop nginx
docker rm -f nginx

启动并挂载

cd $HOME/parse.server.docker
docker run -d \
 -p 80:80 \
 -p 443:443 \
 -v $(pwd)/nginx/conf.d:/etc/nginx/conf.d:ro \
 -v $(pwd)/nginx/conf.crt:/etc/nginx/conf.crt:ro \
 -v $(pwd)/nginx/nginx.conf:/etc/nginx/nginx.conf:ro \
 -v $(pwd)/logs/nginx:/var/log/nginx \
 -v $(pwd)/nginx/html:/usr/share/nginx/html \
 --restart=always \
 --name=nginx \
 nginx

第五步：配置Https

首先参考使用Openssl为localhost生成ssl证书
生成localhost的服务器证书（localhost.crt）和私钥（localhost.key）。

将服务器证书（localhost.crt）和私钥（localhost.key）复制到./nginx/conf.crt目录下。

编辑./nginx/conf.d/default.conf

server {
    listen       80;
    server_name  localhost; # 换成自己的host
    
    # http请求重定向到https上
    rewrite  ^(.*)$  https://${server_name}$1  permanent;
    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

# 增加https部分设置
server {
   listen  443 ssl;
   server_name  localhost; # 换成自己的host

   ssl_certificate  /etc/nginx/conf.crt/localhost.crt;             #指定证书位置(通过目录挂载到容器内部)
   ssl_certificate_key  /etc/nginx/conf.crt/localhost.key;         #指定私钥位置(通过目录挂载到容器内部)

   location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

}

上面的代码做了两件事情，详细的可以参考代码的注释。

1. http重定向到https
2. 增加https的部分

第六步：重启Nginx

docker restart nginx

此时访问https://localhost会显示如下的内容

截屏2022-08-16 19.13.43.png