首页 > 编程语言 >在微信小程序上做一个「博客园年度总结」:解决前端获取接口数据太慢的一种思路

在微信小程序上做一个「博客园年度总结」:解决前端获取接口数据太慢的一种思路

时间:2022-11-01 08:57:10浏览次数:66  
标签:get 微信 博客园 接口 api path 数据 blogs 太慢

先介绍下目前代码中后端是如何给前端提供数据的:

1、首先,构造一个函数A,这个方法中会调用博客园「获取随笔列表」接口,取到数据作进一步处理,然后把结果返出去;

2、然后,使用flask创建一个接口,这个接口会调用函数A,获取A的结果,然后通过这个接口把前端需要数据返出去;

3、最后,小程序会调用我创建好的接口来获取数据,展示在前端;

 

在调试过程中,发现「获取随笔列表」接口响应时间比较长,大概有6s左右的样子

这就导致在首次打开小程序,进入年度总结页面时,肉眼可见的要等一会儿才能加载出数据,体验不太好

 

Q:有没有什么方法可以快点让前端接收到数据呢?

A1、第一个想法

后端调用博客园接口获取到数据后,把数据缓存起来,然后前端每次调接口时,是从缓存中取数据;

结果:查了一下如何使用python或者flask做数据缓存,但是没有找到比较好的实现方法

感兴趣的朋友可以看看这篇文章:如何在 Python 程序中实现缓存

 

A2、第二个想法

从「随笔列表接口」请求到数据后,先把数据存到一个文件中(比如json文件),然后在给前端提供的接口中,读取文件中的数据

这样的话,就不用每次都对博客园的接口发起请求了,经过试验,前端获取数据的速度确实快了很多

 

至于如何更新文件中的数据,可以通过异步方式实现,每次从文件中读取数据后,再调用一下向文件中写入数据的方法

这样就保证了文件中数据的实时性

 

具体实现过程

在存储博客园接口返回数据时,我没有使用json文件,而是用到了python的pickle模块

1、定义写入、读取文件内容的方法

public.py

# coding: utf-8
"""
author: hmk
detail: 
create_time: 
"""
import os
import pickle


def get_path():
    """获取文件所在目录"""
    BASE_PATH_DIR = os.path.abspath(os.path.join(os.path.dirname(__file__), os.pardir))
    return BASE_PATH_DIR


def push_pkl(file_path, data):
    with open(get_path() + file_path, 'wb') as f:
        pickle.dump(data, f)


def read_pkl(file_path):
    with open(get_path() + file_path, 'rb') as f:
        data = pickle.load(f)
        return data

 

2、修改get_blogs_api()函数

之前的get_blogs_api()函数在处理好随笔数据后就直接返出去了,这里我们不返出去,而是把结果写到文件中

同时我们后续要异步调用这个函数,所以也要额外进行处理

定义一个装饰器 async_fun

def async_fun(f):
    def wrapper(*args, **kwargs):
        thr = Thread(target=f, args=args, kwargs=kwargs)
        thr.start()

    return wrapper

修改get_blogs_api(),使用@async_fun装饰这个方法,

    @async_fun
    def get_blogs_api(self, blog_name):
        """获取个人随笔列表接口"""

        flag = True
        try:
            ... ...
            ... ...
            ... ...
            res = {
                "first_blog": first_blog,  # 发布的第一篇博客
                "view_max_10": view_max_10,  # 浏览量前10的文章
                "now_year_blog_sum": now_year_blog_sum,  # 2022年新增博客总数
                "month_result": month_result,  # 2022年每月博客新增数量
                "year_result": year_result  # 每年博客新增数量
            }
       
            push_pkl('/api_tools/cn_blogs.pkl', res)  # 把结果写到文件中


        except Exception as e:
            raise e

 

3、再写一个方法,从文件中读取数据

    def get_blogs(self):

        data = read_pkl('/api_tools/cn_blogs.pkl')

        # print(data)

        return data

 

4、flask接口方法中,调用get_blogs()get_blogs_api()

class GetBlogs(Resource):
    """接口:获取个人随笔列表"""

    @staticmethod
    def get():
        blog_app = cn_blogs.conf["cn_blogs"]["blogApp"]  # request.args.get("blog_app")
        cn_blogs.get_blogs_api(blog_app) # 先调用向文件写入数据的方法
        res = cn_blogs.get_blogs() # 调用读取文件数据的方法
        return res

实际运行时,前端调用这个flask接口后,会立刻得到数据,不用等待get_blogs_api()执行成功

因为get_blogs_api()会异步执行,运行成功后把从博客园接口获取到新数据再写入文件,

这样在下次前端调用接口时,拿到的就会是最新的数据

 

标签:get,微信,博客园,接口,api,path,数据,blogs,太慢
From: https://www.cnblogs.com/hanmk/p/16832147.html

相关文章

  • 在微信小程序上做一个「博客园年度总结」:在小程序上使用echarts
    在博客园年度总结中,有2张柱状图,分别是月度新增随笔趋势和年度新增随笔趋势本文继续介绍一下如何在小程序中使用echarts插入图表1、下载依赖文件地址:echarts-for-weixin......
  • 微信小程序登录后刷新不了页面,使用switchTab跳转后刷新不了页面
    效果图因为是tab页面不能用redirectTo,得使用switchTab,我使用switchTab但是登录后调用了刷新不了页面,导致数据没显示出来,下图是完成的效果图原先js代码wx.switchTab......
  • docker部署zabbix6.0及企业微信发送告警
    1前言1.1实验背景因zabbix6.0新增许多新特性,为熟悉界面特意在本地部署一套简易版(未启用HA功能)。原本想要在烧制了centos7.9系统树莓派上部署,一查之下armv7果然冷门,mar......
  • 微信小程序动态增加组件(以按钮为例)
    这里的微信小程序动态加载是以按钮为例,主页面点击不同的按钮进入不同的子页面中,根据主页面的title来动态加载子页面按钮的数量以及值。效果图:wxml文件(注意wx:key="item"要写......
  • 微信储值卡订单过期存储过程_版本1
     微信储值卡订单过期存储过程_版本1SETANSI_NULLSONGOSETQUOTED_IDENTIFIERONGO--=============================================--Author:<Autho......
  • 微信储值卡订单过期存储过程_版本2
     微信储值卡订单过期存储过程_版本2SETANSI_NULLSONGOSETQUOTED_IDENTIFIERONGO--=============================================--Author:<Autho......
  • charles抓不到ios微信小程序的包的原因!!
    如果其他配置全部都弄好了,能抓到网页和的app的包但是微信小程序抓不到,主要原因:  第二个问题,可能是没有允许应用:更改配置->允许其他应用->找到charles的路径 ......
  • 重启博客园的一天
    今天偶然看到了博客园的标签,突发奇想想点开看看自己曾经三分钟热血搭建的首页。它像一个整洁的小屋,我离开的那天是什么样子,它现在还是什么样子。看到自己大一用拙劣的技......
  • ShareSDK微信分享时的坑
    /****@paramcontext*@paramtitle标题*@paramtext标题下面右边文字*@paramimagePath标题下面左边图片*@paramtitleUrl整个消息的URL地址*/publicsta......
  • 微信小程序引入VantUI组件出错
    微信小程序引入VantUI组件出错使用微信小程序引入VantWeappUI组件今天我在用微信小程序时,想借助Vant-UI快速开发页面时,发现按照Vant-ui上的说明一步一步下来,竟然报错了,解......