Android 离线缓存的高速实现

离线缓存是指在有网络的状态下将从server获取的网络数据。如Json 数据缓存到本地,在断网的状态下启动APP时读取本地缓存数据显示在界面上,经常使用的APP(网易新闻、知乎等等)都是支持离线缓存的。这样带来了更好的用户体验。

假设能够在调用网络接口后自己主动缓存返回的Json数据。下次在断网状态下调用这个接口获取到缓存的Json数据的话,那该多好呢?Volley做到了这一点。

因此,今天这篇文章介绍的就是使用Volley自带的数据缓存。配合Universal-ImageLoader的图片缓存,实现断网状态下的图文显示。

实现效果

这里写图片描写叙述

怎样实现?

1.使用Volley訪问网络接口

 /**
     * 获取网络数据
     */
    private void getData() {
        StringRequest stringRequest = new StringRequest(Request.Method.POST, TEST_API, new Response.Listener<String>() {
            @Override
            public void onResponse(String s) {
                textView.setText("data from Internet: " + s);
                try {
                    JSONObject jsonObject = new JSONObject(s);
                    JSONArray resultList = jsonObject.getJSONArray("resultList");
                    JSONObject JSONObject = (org.json.JSONObject) resultList.opt(0);
                    String head_img = JSONObject.getString("head_img");
                    ImageLoader.getInstance().displayImage(head_img, imageView);
                } catch (JSONException e) {
                    e.printStackTrace();
                }

            }
        }, new Response.ErrorListener() {
            @Override
            public void onErrorResponse(VolleyError volleyError) {

            }
        }) {
            @Override
            protected Map<String, String> getParams() throws AuthFailureError {
                Map<String, String> map = new HashMap<String, String>();
                map.put("phone", "15962203803");
                map.put("password", "123456");
                return map;
            }
        };

        queue.add(stringRequest);
    }

当接口訪问成功以后。Volley会自己主动缓存此次纪录在/data/data/{package name}/cache/volley目录中。
这里写图片描写叙述
打开上面的文件,能够发现接口的路径和返回值都被保存在该文件中面了。
这里写图片描写叙述
当在断网状态时,怎样获取到该接口的缓存的返回值呢?
使用RequestQueue提供的getCache()方法查询该接口的缓存数据

 if (queue.getCache().get(TEST_API) != null) {
                        String cachedResponse = new String(queue.getCache().get(TEST_API).data);

2.使用Universal-ImageLoader载入图片

ImageLoader.getInstance().displayImage(head_img, imageView);

注意点

1.观察上面的缓存文件能够发现,Volley仅仅缓存了接口路径,并没有缓存接口的传入參数。因此假设做分页查询的话,使用此方法是不妥的。
2.在測试过程中,依旧发现有的时候获取不到缓存数据,有的时候却能够获取到。对获取缓存的代码延迟载入能够有效解决问题。
3.假设考虑到缓存的过期策略。能够使用更好的ASimpleCache框架辅助开发。

对缓存有更高要求的APP,依旧应该使用文件缓存或数据库缓存。

源码下载

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端离线缓存可以通过HTML5的离线存储(Application Cache)来实现。该机制是基于一个manifest文件的缓存机制,通过在manifest文件中定义需要缓存的文件,浏览器会将这些文件保存在本地。当网络处于离线状态时,浏览器会使用离线存储的数据进行页面展示。这种机制主要适用于内容变动少、相对固定的场景下。 另外,还可以借助Service Worker和cacheStorage缓存实现离线缓存。Service Worker是一种在浏览器后台运行的脚本,可以拦截网络请求并缓存响应,从而实现离线缓存。cacheStorage是浏览器提供的API,用于管理缓存的存储空间。 在实际开发中,可以使用Workbox webpack Plugins等工具来简化离线缓存的配置和管理。这些工具可以帮助我们生成Service Worker脚本,并提供一些方便的API来管理缓存离线状态。 总结起来,前端离线缓存可以通过HTML5的离线存储、Service Worker和cacheStorage缓存等技术来实现。这些技术可以提供离线访问和更好的用户体验。 #### 引用[.reference_title] - *1* *2* *3* [【万字长文】前端离线化/长缓存方案](https://blog.csdn.net/sinat_36521655/article/details/120051358)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值