SpringCloud系列教材 （七）- 视图微服务-Ribbon

SpringCloud系列教材 （七）- 视图微服务-Ribbon

---

 

步骤1:Ribbon 概念
步骤2:先运行，看到效果，再学习
步骤3:模仿和排错
步骤4:创建子项目
步骤5:pom.xml
步骤6:实体类
步骤7:Ribbon 客户端
步骤8:服务类
步骤9:控制器
步骤10:products.html
步骤11:启动类
步骤12:application.yml
步骤13:启动并访问
步骤14:调用图

步骤 1 : Ribbon 概念

接下来，我们就要访问前面注册好的数据微服务了。 springcloud 提供了两种方式，一种是 Ribbon，一种是 Feign。
Ribbon 是使用 restTemplate 进行调用，并进行客户端负载均衡。 什么是客户端负载均衡呢？ 在前面 注册数据微服务 里，注册了8001和8002两个微服务， Ribbon 会从注册中心获知这个信息，然后由 Ribbon 这个客户端自己决定是调用哪个，这个就叫做客户端负载均衡。

Feign 是什么呢？ Feign 是对 Ribbon的封装，调用起来更简单。。。

本知识点讲解如何实现 Ribbon 客户端。

步骤 2 : 先运行，看到效果，再学习

老规矩，先下载下载区(点击进入)的可运行项目，配置运行起来，确认可用之后，再学习做了哪些步骤以达到这样的效果。 
1. 先启动 EurekaServerApplication
2. 然后启动两次 ProductDataServiceApplication， 分别输入 8001和8002.
3. 然后运行 ProductViewServiceRibbonApplication 以启动 微服务，然后访问地址：
http://127.0.0.1:8010/products

多刷新几遍，会发现这个端口有时候是 8001，有时候是8002. 从而观察到访问 数据服务集群，客户端负载均衡的效果。

步骤 3 : 模仿和排错

在确保可运行项目能够正确无误地运行之后，再严格照着教程的步骤，对代码模仿一遍。 
模仿过程难免代码有出入，导致无法得到期望的运行结果，此时此刻通过比较正确答案 ( 可运行项目 ) 和自己的代码，来定位问题所在。 
采用这种方式，学习有效果，排错有效率，可以较为明显地提升学习速度，跨过学习路上的各个槛。 

推荐使用diffmerge软件，进行文件夹比较。把你自己做的项目文件夹，和我的可运行项目文件夹进行比较。 
这个软件很牛逼的，可以知道文件夹里哪两个文件不对，并且很明显地标记出来 
这里提供了绿色安装和使用教程：diffmerge 下载和使用教程

步骤 4 : 创建子项目

创建子项目 product-view-service-ribbon

步骤 5 : pom.xml

包含以下jar:
spring-cloud-starter-netflix-eureka-client: eureka 客户端
spring-boot-starter-web： springmvc
spring-boot-starter-thymeleaf： thymeleaf 做服务端渲染

有同学就会问了，为什么不用前后端分离呢？ 干嘛要用 thymeleaf 做服务端渲染呢？
原因如下：
1. 使用前后端分离，站长多半会用 vue.js + axios.js来做，就像 springboot 天猫教程那样。 如果学习者没有这个基础，就会加重学习的负担。
2. 使用前后端分离，是走的 http 协议， 那么就无法演示重要的 微服务端调用了，所以站长这里特意没有用前后端分离，以便于大家观察和掌握微服务的彼此调用

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

  <modelVersion>4.0.0</modelVersion>

  <parent>

    <groupId>cn.how2j.springcloud</groupId>

    <artifactId>springcloud</artifactId>

    <version>0.0.1-SNAPSHOT</version>

  </parent>

  <artifactId>product-view-service-ribbon</artifactId>

   

    <dependencies>

        <dependency>

            <groupId>org.springframework.cloud</groupId>

            <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId>

        </dependency>

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-web</artifactId>

        </dependency>

 

      <dependency>

        <groupId>org.springframework.boot</groupId>

        <artifactId>spring-boot-starter-thymeleaf</artifactId>

      </dependency>

         

    </dependencies> 

   

</project>

步骤 6 : 实体类

package cn.how2j.springcloud.pojo;

 

public class Product {

 

    private int id;

    private String name;

    private int price;

    public int getId() {

        return id;

    }

    public void setId(int id) {

        this.id = id;

    }

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }

    public int getPrice() {

        return price;

    }

    public void setPrice(int price) {

        this.price = price;

    }

    public Product() {

         

    }

    public Product(int id, String name, int price) {

        super();

        this.id = id;

        this.name = name;

        this.price = price;

    }

 

}

步骤 7 : Ribbon 客户端

Ribbon 客户端， 通过 restTemplate 访问 http://PRODUCT-DATA-SERVICE/products ， 而 product-data-service 既不是域名也不是ip地址，而是 数据服务在 eureka 注册中心的名称。

注意看，这里只是指定了要访问的 微服务名称，但是并没有指定端口号到底是 8001, 还是 8002.

package cn.how2j.springcloud.client;

 

import java.util.List;

 

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Component;

import org.springframework.web.client.RestTemplate;

 

import cn.how2j.springcloud.pojo.Product;

 

@Component

public class ProductClientRibbon {

 

    @Autowired

    RestTemplate restTemplate;

 

    public List<Product> listProdcuts() {

        return restTemplate.getForObject("http://PRODUCT-DATA-SERVICE/products",List.class);

    }

 

}

步骤 8 : 服务类

服务类，数据从 ProductClientRibbon 中获取

package cn.how2j.springcloud.service;

 

import java.util.List;

 

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Service;

 

import cn.how2j.springcloud.client.ProductClientRibbon;

import cn.how2j.springcloud.pojo.Product;

 

@Service

public class ProductService {

    @Autowired ProductClientRibbon productClientRibbon;

    public List<Product> listProducts(){

        return productClientRibbon.listProdcuts();

 

    }

}

步骤 9 : 控制器

控制器，把数据取出来放在 product.html 中

package cn.how2j.springcloud.web;

import java.util.List;

 

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

 

import cn.how2j.springcloud.pojo.Product;

import cn.how2j.springcloud.service.ProductService;

  

@Controller

public class ProductController {

  

    @Autowired ProductService productService;

     

    @RequestMapping("/products")

    public Object products(Model m) {

        List<Product> ps = productService.listProducts();

        m.addAttribute("ps", ps);

        return "products";

    }

}

步骤 10 : products.html

遍历数据

<!DOCTYPE HTML>

<html xmlns:th="http://www.thymeleaf.org">

<head>

    <title>products</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <style>

 

        table {

            border-collapse:collapse;

            400px;

            margin:20px auto;

        }

        td,th{

            border:1px solid gray;

        }

         

    </style>       

</head>

<body>

 

<div class="workingArea">

    <table>

        <thead>

            <tr>

                <th>id</th>

                <th>产品名称</th>

                <th>价格</th>

            </tr>

        </thead>

        <tbody>

            <tr th:each="p: ${ps}">

                <td th:text="${p.id}"></td>

                <td th:text="${p.name}"></td>

                <td th:text="${p.price}"></td>

            </tr>

        </tbody>

    </table>

</div>

 

</body>

 

</html>

步骤 11 : 启动类

启动类， 注解多了个 @EnableDiscoveryClient， 表示用于发现eureka 注册中心的微服务。

还多了个 RestTemplate，就表示用 restTemplate 这个工具来做负载均衡

@Bean

@LoadBalanced

RestTemplate restTemplate() {

    return new RestTemplate();

}

Ribbon 客户端 里就用到了这个 restTemplate.

package cn.how2j.springcloud;

 

import java.util.Scanner;

import java.util.concurrent.ExecutionException;

import java.util.concurrent.Future;

import java.util.concurrent.TimeUnit;

import java.util.concurrent.TimeoutException;

 

import org.springframework.boot.autoconfigure.SpringBootApplication;

import org.springframework.boot.builder.SpringApplicationBuilder;

import org.springframework.cloud.client.discovery.EnableDiscoveryClient;

import org.springframework.cloud.client.loadbalancer.LoadBalanced;

import org.springframework.cloud.netflix.eureka.EnableEurekaClient;

import org.springframework.context.annotation.Bean;

import org.springframework.web.client.RestTemplate;

 

import cn.hutool.core.convert.Convert;

import cn.hutool.core.thread.ThreadUtil;

import cn.hutool.core.util.NetUtil;

import cn.hutool.core.util.NumberUtil;

 

@SpringBootApplication

@EnableEurekaClient

@EnableDiscoveryClient

public class ProductViewServiceRibbonApplication {

 

    public static void main(String[] args) {

        int port = 0;

        int defaultPort = 8010;

        Future<Integer> future = ThreadUtil.execAsync(() ->{

                int p = 0;

                System.out.println("请于5秒钟内输入端口号, 推荐  8010  超过5秒将默认使用 " + defaultPort);

                Scanner scanner = new Scanner(System.in);

                while(true) {

                    String strPort = scanner.nextLine();

                    if(!NumberUtil.isInteger(strPort)) {

                        System.err.println("只能是数字");

                        continue;

                    }

                    else {

                        p = Convert.toInt(strPort);

                        scanner.close();

                        break;

                    }

                }

                return p;

        });

        try{

            port=future.get(5,TimeUnit.SECONDS);

        }

        catch (InterruptedException | ExecutionException | TimeoutException e){

            port = defaultPort;

        }

        if(!NetUtil.isUsableLocalPort(port)) {

            System.err.printf("端口%d被占用了，无法启动%n", port );

            System.exit(1);

        }

        new SpringApplicationBuilder(ProductViewServiceRibbonApplication.class).properties("server.port=" + port).run(args);

 

    }

    @Bean

    @LoadBalanced

    RestTemplate restTemplate() {

        return new RestTemplate();

    }

     

}

步骤 12 : application.yml

配置类，指定了 eureka server 的地址，以及自己的名称。 另外是一些 thymeleaf 的默认配置。

eureka:

  client:

    serviceUrl:

      defaultZone: http://localhost:8761/eureka/

spring:

  application:

    name: product-view-service-ribbon

  thymeleaf:

    cache: false

    prefix: classpath:/templates/

    suffix: .html

    encoding: UTF-8

    content-type: text/html

    mode: HTML5   

步骤 13 : 启动并访问

运行 ProductViewServiceRibbonApplication 以启动 微服务，然后访问地址：
http://127.0.0.1:8010/products

多刷新几遍，会发现这个端口有时候是 8001，有时候是8002. 从而观察到访问 数据服务集群，客户端负载均衡的效果。

步骤 14 : 调用图

如图所示：
1. 首先数据微服务和视图微服务都被 eureka 管理起来了。
2. 数据服务是由两个实例的集群组成的，端口分别是 8001 ， 8002
3. 视图微服务通过 注册中心调用微服务， 然后负载均衡到 8001 或者 8002 端口的应用上。

更多内容，点击了解： http://how2j.cn/k/springcloud/springcloud-ribbon/2040.html