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

一、架构图

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

创新互联长期为千余家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为神木企业提供专业的网站建设、成都网站建设神木网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

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

二、实现步骤

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。

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

2.2.2、创建负载均衡

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

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

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

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

2.3、S3 设置

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

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

2.4、CloudFront 分配

大致架构图如下:

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

2.4.1、创建分配

我们选择 WEB 分发方式。

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

源缓存设置我们默认。

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

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

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

2.4.2、添加 S3 源

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

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

2.4.3、创建行为

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

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

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

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

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

欢迎大家扫码关注,获取更多信息

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


本文标题:AWS云产品CloudFront+ELB+EC2+S3构建虚拟主机动+静分离站点
文章来源:http://pwwzsj.com/article/piieid.html