AWS 云产品 CloudFront + ELB + EC2 + S3 构建虚拟主机动+静分离站点

一、架构图

我们要实现的架构师，一台 EC2 两个虚拟主机，通过一个 ELB，一个 CloudFront 实现动静分离，并且实现不同的域名访问不同的网站，并且启用 HTTPS。

二、实现步骤

2.1、EC2 配置

在 EC2 上面安装 nginx 服务，创建两个虚拟主机的网站文件，以及虚拟主机配置文件，分别如下：
网站路径如下，首页里面通过标签引用了图片。

├── test1
│   ├── images1
│   │   ├── 1.jpg
│   │   └── 2.jpg
│   └── index.html
└── test2
    ├── images2
    │   ├── 1.jpg
    │   └── 2.jpg
    └── index.html

两个虚拟主机对应的 nginx 配置文件如下：

     server {
        listen       80;
        server_name  test1.wzlinux.com;
        root         /usr/share/nginx/test1;

        location / {
        }

        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }

        location ~ .*\.(js|css)?$
        {
            expires      12h;
        }
    }

    server {
        listen       80;
        server_name  test2.wzlinux.com;
        root         /usr/share/nginx/test2;

        location / {
        }
    }

域名解析到 EC2，验证没有问题，测试好之后，安全组可以改为只允许 ELB 所在安全组的流量访问，其实这里也可以配置 HTTPS，这里省略。

2.2、ELB 设置

2.2.1、创建目标组

创建好目标组之后，记得添加注册实例，就是我们的 EC2。

2.2.2、创建负载均衡器

我们可以添加 HTTPS 的监听(非必须)，这样我们就可以加密访问了，可以设定各种规则，我们这里不需要设定，加上就行。

然后把域名解析到我们的 ELB，分别使用 HTTP 和 HTTPS 访问我们的两个虚拟主机，都是可以正常显示各自的页面，关于证书的申请，我们可以使用 AWS 的 ACM 服务。

2.3、S3 设置

按照默认创建即可，因为我们的源站有调用图片的目录，所以我们这里也创建两个目录，以供两个虚拟主机分别调用，目录里面放好图片。

2.4、CloudFront 分配

大致架构图如下：

2.4.1、创建分配

我们选择 WEB 分发方式。

源缓存设置我们默认。

分配设置写我们自己的虚拟主机的域名，并使用我们在 ACM 申请的证书。

2.4.2、添加 S3 源

刚刚我们的是加速的源网站，因为我们已经把静态的图片转移到了 S3 上面，所以我们需要添加一个 S3 作为 CDN 的源。

2.4.3、创建行为

我们创建一个动作，当用户请求的目录为images1或者images2的时候，将会把 S3 作为源，其他路径继续访问 ELB。

然后把我们的域名解析 CNAME 指向 CDN 的域名，然后访问效果，图片是不是加载的 S3 的内容，通过日志也可以查看，我们把 Host 添加到白名单标头之后，Host 传到了 EC2，也就实现了虚拟主机的功能。