当前位置:首页 > 科技  > 软件

利用开放接口,如何一步步打造自己的独特图片网站

来源: 责编: 时间:2023-09-18 21:41:54 434观看
导读在进行文章撰写时,寻找适当的配图是一项重要的任务。然而,尽管我尝试在各大网站上寻找合适的图片资源,但往往面临两个主要问题:其一,这些网站大多需要付费使用,这无疑增加了我的经济负担;其二,即使有些网站提供免费图片,但其

在进行文章撰写时,寻找适当的配图是一项重要的任务。然而,尽管我尝试在各大网站上寻找合适的图片资源,但往往面临两个主要问题:其一,这些网站大多需要付费使用,这无疑增加了我的经济负担;其二,即使有些网站提供免费图片,但其质量却令人堪忧。aS828资讯网——每日最新资讯28at.com

为了解决这个令人头疼的问题,我自己动手一个搜索图片的网站,解决了日常文章配图的问题。整体的界面如下:aS828资讯网——每日最新资讯28at.com

aS828资讯网——每日最新资讯28at.com

图片的加载采用瀑布流的模式。aS828资讯网——每日最新资讯28at.com

这个网站是站在巨人的肩膀上完成的,为什么这么说呢?图片的来源是调用头条号的图片库,前端是使用github开源的瀑布流插件。aS828资讯网——每日最新资讯28at.com

分析头条图片库的API

打开头条号发布文章,点击添加图片,会出现如下图aS828资讯网——每日最新资讯28at.com

aS828资讯网——每日最新资讯28at.com

通过分析这个接口,发现它并没有做认证,携带几个路径参数。aS828资讯网——每日最新资讯28at.com

aS828资讯网——每日最新资讯28at.com

在无痕浏览器重放这个接口,这能正常获取数据,如下图:aS828资讯网——每日最新资讯28at.com

aS828资讯网——每日最新资讯28at.com

现在图片的数据源找到了,可以把它做成接口,给前端用户调用了。这里我选择熟悉的FastAPI做接口。aS828资讯网——每日最新资讯28at.com

接口代码实现

从上述分析接口发现,路径参数只有三个参数是动态变化的。所以,我们把它做成变量的形式:aS828资讯网——每日最新资讯28at.com

from pydantic import BaseModelclass TuotiaoParams(BaseModel):    page: int=0#图片页数    size: int = 30#展示图片的数量    term: str=None#搜索的关键字

然后,把请求头条号API接口封装成一个函数,方便后续调用:aS828资讯网——每日最新资讯28at.com

import requestsfrom fake_useragent import UserAgentfrom schemas import TuotiaoParamsfrom loguru import loggerdef search_pic(params:TuotiaoParams):    try:        url = "https://dficimage.toutiao.com/api/proxy/get"        params = {            "from": params.page,            "size": params.size,            "term": params.term,            "search_id": 7274062948258316581,            "user_id": 68783357974,            "media_id": 1609422238702596,            "search_from": "search",            "position": "article_icstock",            "platform": "toutiaohao",            "path": "/micro/search"        }        res = requests.get(            url,            params=params,            headers={"User-Agent":UserAgent().random},            timeout=10            )        if res.json().get("code") == 1:            logger.info("获取头条的图片的数据:{}".format(res.json()))            return res.json().get("data").get("data").get("hits")    except Exception as e:        logger.error('抓取头条的图片错误:{}'.format(e))

利用FastAPI把头条号API做成接口模式:aS828资讯网——每日最新资讯28at.com

from  fastapi import FastAPIfrom fastapi.middleware.cors import CORSMiddlewarefrom toutiao import search_picfrom schemas import SearchKeyWork,TuotiaoParamsimport uvicornapp = FastAPI()# 添加跨域中间件app.add_middleware(    CORSMiddleware,    allow_origins=["*"],  # 允许所有来源访问    allow_methods=["*"],  # 允许所有HTTP方法    allow_headers=["*"],  # 允许所有HTTP头)@app.post("/image_toutaio")def iamge_toutiao(params:TuotiaoParams):    return {"code":1,"data":search_pic(params)}if __name__ == "__main__":    uvicorn.run(app)

执行如下代码启动程序,就可以正常访问接口:aS828资讯网——每日最新资讯28at.com

python main.py

aS828资讯网——每日最新资讯28at.com

这样后台的接口,就完成了。aS828资讯网——每日最新资讯28at.com

前端搭建

前端采用的github上开源的瀑布流图片展示模板,然后,自己添加搜索功能的。aS828资讯网——每日最新资讯28at.com

https://github.com/heikaimu/vue3-waterfall-pluginaS828资讯网——每日最新资讯28at.com

下载vue3-waterfall-plugin项目到本地,执行如下代码安装依赖:aS828资讯网——每日最新资讯28at.com

pnpm install

安装完依赖,执行如下代码,启动前端:aS828资讯网——每日最新资讯28at.com

pnpm run dev

启动成功之后,输入想要的图片进行搜索,如图:aS828资讯网——每日最新资讯28at.com

aS828资讯网——每日最新资讯28at.com

  • 项目的地址: https://github.com/didiplus/vue3-waterfall-plugin
  • 演示地址: http://img.kwpmp.cn/
  • 演示备用地址: https://cerulean-florentine-527213lify.app/

本文链接:http://www.28at.com/showinfo-26-10473-0.html利用开放接口,如何一步步打造自己的独特图片网站

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: Python应知小技巧:如何用更少的代码做更多的事情

下一篇: C语言操作寄存器和函数指针

标签:
  • 热门焦点
  • 官方承诺:K60至尊版将会首批升级MIUI 15

    全新的MIUI 15今天也有了消息,在官宣了K60至尊版将会搭载天玑9200+处理器和独显芯片X7的同时,Redmi给出了官方承诺,K60至尊重大更新首批升级,会首批推送MIUI 15。也就是说虽然
  • SpringBoot中使用Cache提升接口性能详解

    环境:springboot2.3.12.RELEASE + JSR107 + Ehcache + JPASpring 框架从 3.1 开始,对 Spring 应用程序提供了透明式添加缓存的支持。和事务支持一样,抽象缓存允许一致地使用各
  • 如何正确使用:Has和:Nth-Last-Child

    我们可以用CSS检查,以了解一组元素的数量是否小于或等于一个数字。例如,一个拥有三个或更多子项的grid。你可能会想,为什么需要这样做呢?在某些情况下,一个组件或一个布局可能会
  • 得物效率前端微应用推进过程与思考

    一、背景效率工程随着业务的发展,组织规模的扩大,越来越多的企业开始意识到协作效率对于企业团队的重要性,甚至是决定其在某个行业竞争中突围的关键,是企业长久生存的根本。得物
  • 拼多多APP上线本地生活入口,群雄逐鹿万亿市场

    Tech星球(微信ID:tech618)文 | 陈桥辉 Tech星球独家获悉,拼多多在其APP内上线了“本地生活”入口,位置较深,位于首页的“充值中心”内,目前主要售卖美食相关的
  • 大厂卷向扁平化

    来源:新熵作者丨南枝 编辑丨月见大厂职级不香了。俗话说,兵无常势,水无常形,互联网企业调整职级体系并不稀奇。7月13日,淘宝天猫集团启动了近年来最大的人力制度改革,目前已形成一
  • 自研Exynos回归!三星Galaxy S24系列将提供Exynos和骁龙双版本

    年初,全新的三星Galaxy S23系列发布,包含Galaxy S23、Galaxy S23+和Galaxy S23 Ultra三个版本,全系搭载超频版骁龙8 Gen 2,虽同样采用台积电4nm工艺制
  • iQOO Neo8 Pro真机谍照曝光:天玑9200+和V1+旗舰双芯加持

    去年10月,iQOO推出了iQOO Neo7系列机型,不仅搭载了天玑9000+,而且是同价位唯一一款天玑9000+直屏旗舰,一经上市便受到了用户的广泛关注。在时隔半年后,
  • 三翼鸟智能家居亮相电博会,让用户体验更真实

    2021电博会在青岛国际会展中心开幕中,三翼鸟直接把“家”搬到了现场,成为了展会的一大看点。这也是三翼鸟继9月9日发布了行业首个一站式定制智慧家平台后的
Top