RxJava2 实战知识梳理(4) - 结合 Retrofit 请求新闻资讯

2019年4月17日 290次阅读来源: 泽毛

RxJava2 实战系列文章

一、前言

如何通过结合Retrofit框架来进行网络请求，也是RxJava的学习过程中必须要掌握的一环。网上已经有很多开源项目和文章介绍了，今天这篇文章，我们就通过一个简单的例子，通过RxJava + Retrofit的方式实现网络请求。

这个例子很简单，我们通过干货集中营提供的接口，分别请求Android类和iOS类的资讯，并将这两个接口所返回的数据在界面上进行展示。

通过该例子，可以学习如何将Retrofit和RxJava结合，并通过zip操作符实现等待多个网络请求完成。

二、示例

2.1 接口介绍

首先来熟悉一下所用到的测试接口，其数据来自于干货集中营，这里选择Android和iOS两类的资讯，通过接口的描述，可以知道发起请求时的变量包含三个：

分类
请求个数
请求页数

《RxJava2 实战知识梳理(4) - 结合 Retrofit 请求新闻资讯》

返回的数据格式如下：

《RxJava2 实战知识梳理(4) - 结合 Retrofit 请求新闻资讯》

2.2 编写 Entity 类

根据分析好的数据格式，我们编写对应的Entity类：

单次返回结果的数据结构：

public class NewsEntity {

    private boolean error;
    private List<NewsResultEntity> results = new ArrayList<>();

    public boolean isError() {
        return error;
    }

    public void setError(boolean error) {
        this.error = error;
    }

    public List<NewsResultEntity> getResults() {
        return results;
    }

    public void setResults(List<NewsResultEntity> results) {
        this.results = results;
    }
}

单条资讯的数据结构：

public class NewsResultEntity {

    private String type;
    private String publishedAt;
    private String desc;
    private String who;

    public String getType() {
        return type;
    }

    public void setType(String type) {
        this.type = type;
    }

    public String getPublishedAt() {
        return publishedAt;
    }

    public void setPublishedAt(String publishedAt) {
        this.publishedAt = publishedAt;
    }

    public String getDesc() {
        return desc;
    }

    public void setDesc(String desc) {
        this.desc = desc;
    }

    public String getWho() {
        return who;
    }

    public void setWho(String who) {
        this.who = who;
    }
}

2.3 引入 Retrofit 依赖

接下来，在build.gradle文件中，引入必要的依赖，以下三个依赖包的作用分别为：

Retrofit的核心库
将返回的Call<Response>转换成Call<NewsEntity>
将Call<NewsEntity>转换成Observable<NewsEntity>

dependencies {
     //省略....
    compile 'com.squareup.retrofit2:retrofit:2.1.0'
    compile 'com.squareup.retrofit2:converter-gson:2.0.0'
    compile 'com.jakewharton.retrofit:retrofit2-rxjava2-adapter:1.0.0'

}

最后别忘了，在AndroidManifest.xml中声明必要的网络权限：

<uses-permission android:name="android.permission.INTERNET"/>

2.4 定义 Retrofit 需要的请求接口

按照Retrofit的使用介绍，我们需要定义一个接口类，这个接口类的返回值为Observable<NewsEntity>，也就是我们之前定义好的数据结构。而这个接口接收三个参数：请求类型、请求个数、请求所在页数。

public interface NewsApi {

    @GET("api/data/{category}/{count}/{page}")
    Observable<NewsEntity> getNews(@Path("category") String category, @Path("count") int count, @Path("page") int page);
}

当我们需要请求数据时，就应当像下面这样构造一个Observable<NewsEntity>：

baseUrl：定义请求链接的前缀
addConverterFactory：将OKHttp返回的标准Response解析成我们所需要的数据类型NewsEntity
addCallAdapterFactory：将Call<NewsEntity>转换成Observable<NewsEntity>，这样才能真正将Retrofit和RxJava结合起来。

    private Observable<NewsEntity> getObservable(String category, int page) {
        NewsApi api = new Retrofit.Builder()
                .baseUrl("http://gank.io")
                .addConverterFactory(GsonConverterFactory.create())
                .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
                .build().create(NewsApi.class);
        return api.getNews(category, 10, page);
    }

2.5 发起请求

以上就是所有的准备工作，回顾一下我们主要做了以下四步，这也是今后我们使用其它任意接口时的标准流程：

熟悉接口
根据接口返回的数据，定义Entity
根据接口的url组成方式定义Retrofit所需要的接口声明，接口函数的返回类型为Observable<Entity>，其中Entity就是第二步中定义好的返回数据类型。
通过Retrofit，根据第三步的接口定义，返回真正的Observable。

其实经过以上的四步，我们的工作就基本上完成了，只需要把上面第四步中返回的Observable<XXXEntity>当做一个发送数据的普通数据源就可以了。

示例代码如下，我们请求了Android和iOS两个接口，并且使用zip操作符让两个接口都返回之后，才将数据呈现给用户，同时每次点击刷新资讯之后，我们将页数增加一以请求新的资讯。

public class NewsActivity extends AppCompatActivity {

    private int mCurrentPage = 1;
    private NewsAdapter mNewsAdapter;
    private List<NewsResultEntity> mNewsResultEntities = new ArrayList<>();
    private CompositeDisposable mCompositeDisposable = new CompositeDisposable();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_news);
        initView();
    }

    private void initView() {
        Button btRefresh = (Button) findViewById(R.id.bt_refresh);
        btRefresh.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                refreshArticle(++mCurrentPage);
            }
        });
        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.rv_news);
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        recyclerView.setLayoutManager(layoutManager);
        mNewsAdapter = new NewsAdapter(mNewsResultEntities);
        recyclerView.setAdapter(mNewsAdapter);
        refreshArticle(++mCurrentPage);
    }

    private void refreshArticle(int page) {
       Observable<List<NewsResultEntity>> observable = Observable.just(page).subscribeOn(Schedulers.io()).flatMap(new Function<Integer, ObservableSource<List<NewsResultEntity>>>() {

            @Override
            public ObservableSource<List<NewsResultEntity>> apply(Integer page) throws Exception {
                Observable<NewsEntity> androidNews = getObservable("Android", page);
                Observable<NewsEntity> iosNews = getObservable("iOS", page);
                return Observable.zip(androidNews, iosNews, new BiFunction<NewsEntity, NewsEntity, List<NewsResultEntity>>() {

                    @Override
                    public List<NewsResultEntity> apply(NewsEntity androidEntity, NewsEntity iosEntity) throws Exception {
                        List<NewsResultEntity> result = new ArrayList<>();
                        result.addAll(androidEntity.getResults());
                        result.addAll(iosEntity.getResults());
                        return result;
                    }
                });
            }
        });
        DisposableObserver<List<NewsResultEntity>> disposable = new DisposableObserver<List<NewsResultEntity>>() {

            @Override
            public void onNext(List<NewsResultEntity> value) {
                mNewsResultEntities.clear();
                mNewsResultEntities.addAll(value);
                mNewsAdapter.notifyDataSetChanged();
            }

            @Override
            public void onError(Throwable e) {

            }

            @Override
            public void onComplete() {

            }
        };
        observable.observeOn(AndroidSchedulers.mainThread()).subscribe(disposable);
        mCompositeDisposable.add(disposable);
    }

    private Observable<NewsEntity> getObservable(String category, int page) {
        NewsApi api = new Retrofit.Builder()
                .baseUrl("http://gank.io")
                .addConverterFactory(GsonConverterFactory.create())
                .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
                .build().create(NewsApi.class);
        return api.getNews(category, 10, page);
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        mCompositeDisposable.clear();
    }
}

运行结果为：

《RxJava2 实战知识梳理(4) - 结合 Retrofit 请求新闻资讯》

三、示例解析

关于如何使用Retrofit + RxJava前面已经说得比较清楚了，下面我们重点介绍一下新接触的两个操作符，flatMap和zip。

3.1 flatMap

flatMap的原理图如下所示：

《RxJava2 实战知识梳理(4) - 结合 Retrofit 请求新闻资讯》

它接收一个
Function函数，对于上游发送的每个事件它都会应用该函数，这个函数返回一个新的
Observable，如果有多个
Observable，那么他会发送合并后的结果。

在上面的例子中，上游的just发送一个请求的所在页数，我们根据这个页数再去创建一个新的Observable来发送数据。

3.2 zip

zip操作符的原理图如下所示：

《RxJava2 实战知识梳理(4) - 结合 Retrofit 请求新闻资讯》

它接收多个
Observable，以及一个函数，该函数的形参为这些
Observable发送的数据，并且要等所有的
Observable都发射完会后才会回调该函数。

通过zip操作符，我们就可以实现等待多个网络请求完成再返回的需求，例如在上面的例子中，我们会等待Android和iOS类的资讯请求都返回之后，再合并它们的结果发送给下游，在界面上展示。

算法网

RxJava2 实战知识梳理(4) - 结合 Retrofit 请求新闻资讯

RxJava2 实战系列文章

一、前言

二、示例

2.1 接口介绍

2.2 编写 Entity 类

2.3 引入 Retrofit 依赖

2.4 定义 Retrofit 需要的请求接口

2.5 发起请求

三、示例解析

3.1 flatMap

3.2 zip

更多文章，欢迎访问我的 Android 知识梳理系列：