搭建HTTP静态页面

本文将介绍如何搭建HTTP静态页面将Web服务的业务流量分发到两个后端服务器进行负载分担。

前提条件

• 已创建私有网络“vpc-01”及子网“subnet-01”，详情参见搭建IPv4私有网络。
• 云服务器安全组已开放TCP协议的“100.64.0.0/10”网段及提供服务的端口（例如：TCP 80端口），详情参见配置后端服务器安全组。

配置步骤

步骤一：创建云服务器

1. 登录云服务器控制台。

2. 单击“创建实例”按钮，参考下表完成ECS实例的基础配置。

   参数	取值
   计费类型	按量计费
   地域及可用区	华北2（北京），可用区A
   计算规格	通用型g2i
   镜像	公共镜像，CentOS 7.6
   存储	系统盘，极速型SSD，40GiB

3. 单击“下一步：网络和安全”，参考下表完成网络和安全配置。

   参数	取值
   私有网络	vpc-01
   子网	subnet-01
   弹性公网IP	勾选“分配弹性公网IP”
   安全防护	默认
   线路类型	BGP（多线）
   计费方式	按实际流量计费
   带宽上限	5Mbps
   安全组	Default

4. 单击“下一步：高级配置”，参考下表完成高级配置。

   参数	取值
   登录凭证	密码
   登录名	root
   登录密码	password@123
   确认密码	password@123
   实例名称	ecs-[1,2]
   主机名	host-[1,2]
   实例数量	2台

5. 单击“下一步：确认订单”按钮，确认云服务器实例的配置信息。

6. 确认无误后，勾选“我已阅读并同意《云服务器服务条款》”。

7. 单击“立即购买”按钮，跳转到申请提交成功页面。

8. 单击“去控制台”按钮，跳转到实例列表页查看新创建的云服务器实例“ecs-01”和“ecs-02”。

步骤二：搭建后端服务

在云服务器实例上部署Nginx，并编辑html页面，实现访问ecs-01时返回标题为“Welcome to CLB Page One!”的页面，访问ecs-02时返回标题为“Welcome to CLB Page Two!”的页面。操作步骤如下：

1. 登录云服务器实例，详情请参见登录Linux实例或登录Windows实例。
2. 在云服务器上安装Nginx。
   1. 执行以下命令，更新YUM中的PHP源。
      rpm -ivh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
   2. 执行以下命令，安装Nginx。
      yum install -y nginx
   3. 执行以下命令，查看已安装Nginx的版本。
      nginx -v
      回显如下图所示，本文示例中安装的Nginx版本为1.20.1。
      
   4. 执行以下命令，启动Nginx。
      systemctl start nginx.service
   5. 执行以下命令，查看Nginx状态。
      systemctl status nginx.service
      返回信息中包含“active (running)”说明Nginx启动成功。
   6. 使用浏览器访问“http://云服务器实例的公网IP地址”，显示如下页面，说明Nginx安装成功。
      
3. 修改云服务器实例的html页面。
   1. 执行以下命令，查看Nginx配置文件index.html所在的目录。
      find / -name index.html
      回显如下图，本示例中Nginx配置文件index.html所在目录为/usr/share/nginx/html。
      
   2. 执行以下命令，打开index.html页面。
      vi /usr/share/nginx/html/index.html
   3. 按i进入编辑模式，修改index.html页面的内容。
      • 云服务器实例ecs-01页面中content部分内容替换为如下所示内容：

        <div id="content">
        
                <h1>Welcome to CLB Page One!</h1>
        
                <h2>This page is used for test.</h2>
        
        </div>
        

      • 云服务器实例ecs-02页面中content部分内容替换为如下所示内容：

        <div id="content">
        
                <h1>Welcome to CLB Page Two!</h1>
        
                <h2>This page is used for test.</h2>
        
        </div>
        

   4. 按 Esc键退出编辑模式，然后输入 :wq保存退出。
4. 验证Nginx服务。
   使用浏览器分别访问“http://ecs-01的公网IP地址”和“http://ecs-02的公网IP地址”，如果页面显示修改后的html页面，说明nginx配置文件修改成功。
   • 云服务器实例ecs-01的html页面显示如下图所示。
     
   • 云服务器实例ecs-02的html页面显示如下图所示。
     

步骤三：创建负载均衡实例

1. 登录负载均衡控制台。

2. 单击“创建负载均衡”按钮，进入负载均衡创建页面，参考下表配置相关参数。

   参数	取值
   基本信息	--
   计费类型	按量计费
   地域	华北2（北京）
   名称	clb-01
   网络配置	--
   IP版本	IPv4
   网络类型	公网
   私有网络	vpc-01
   子网	subnet-01
   IPv4地址	自动分配IP
   绑定公网IP	--
   线路类型	BGP（多线）
   计费方式	按实际流量计费
   带宽上限	20Mbps
   实例规格	--
   规格	小型I

3. 在页面右侧“配置详情”小窗中确认配置信息无误后，勾选“我已阅读并同意《负载均衡服务条款》”。

4. 单击“提交订单”按钮，跳转至申请提交成功页面。

5. 单击“去控制台”按钮，跳转到实例列表页查看新创建的实例。

步骤四：创建后端服务器组

1. 登录负载均衡控制台。
2. 单击实例名称“clb-01”进入实例详情页，选择“后端服务器组”页签。
3. 单击“创建后端服务器组”按钮。
4. 配置后端服务器组的名称，本例配置为“group-01”。
5. 单击“确定”按钮，完成操作。

步骤五：添加后端服务器

1. 单击已创建的后端服务器组名称“group-01”，进入详情页面。
2. 单击“添加服务器”按钮。
3. 选择普通模式，勾选已创建的云服务器实例“ecs-01”和“ecs-02”。
4. 单击“下一步”按钮。
5. 为已添加的云服务器实例配置端口和权重。
   本例中，端口配置为80，权重配置为100。
6. 单击“确定”按钮，完成操作。

步骤六：添加监听器

1. 在负载均衡实例列表页面，单击实例名称“clb-01”右侧的“配置监听器”，进入该实例的监听器详情页。
2. 单击“添加监听器”按钮，进入监听器创建页面，参考下表配置协议&监听参数。
   配置完成后，单击“下一步”按钮。

   参数	取值
   监听器名称	listener-01
   负载均衡协议	HTTP
   监听端口	80
   调度算法	加权轮询（WRR）
   访问控制	关闭

3. 在“默认后端服务器组”配置页面，选择已创建的后端服务器组“group-01”，然后单击“下一步”按钮。
4. 在“健康检查”配置页面，参数保持默认值不变，然后单击“下一步”按钮。
5. 在“配置审核”页面，确认配置项无误后，单击“确定”按钮，完成操作。

结果验证

开始验证前，请在负载均衡实例列表页面查看并记录实例clb-01的公网IP。

1. 使用浏览器访问“http://负载均衡实例clb-01的公网IP”，显示下图所示页面，说明本次访问请求被负载均衡实例转发到后端云服务器ecs-01，ecs-01能够正常处理请求并返回请求页面。
   
2. 再次使用浏览器访问“http://负载均衡实例clb-01的公网IP”，显示下图所示页面，说明本次访问请求被负载均衡实例转发到后端云服务器ecs-02，ecs-02能够正常处理请求并返回请求页面。