日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

利用開放接口,如何一步步打造自己的獨特圖片網站

來源: 責編: 時間:2023-09-18 21:41:54 319觀看
導讀在進行文章撰寫時,尋找適當的配圖是一項重要的任務。然而,盡管我嘗試在各大網站上尋找合適的圖片資源,但往往面臨兩個主要問題:其一,這些網站大多需要付費使用,這無疑增加了我的經濟負擔;其二,即使有些網站提供免費圖片,但其

在進行文章撰寫時,尋找適當的配圖是一項重要的任務。然而,盡管我嘗試在各大網站上尋找合適的圖片資源,但往往面臨兩個主要問題:其一,這些網站大多需要付費使用,這無疑增加了我的經濟負擔;其二,即使有些網站提供免費圖片,但其質量卻令人堪憂。C2128資訊網——每日最新資訊28at.com

為了解決這個令人頭疼的問題,我自己動手一個搜索圖片的網站,解決了日常文章配圖的問題。整體的界面如下:C2128資訊網——每日最新資訊28at.com

C2128資訊網——每日最新資訊28at.com

圖片的加載采用瀑布流的模式。C2128資訊網——每日最新資訊28at.com

這個網站是站在巨人的肩膀上完成的,為什么這么說呢?圖片的來源是調用頭條號的圖片庫,前端是使用github開源的瀑布流插件。C2128資訊網——每日最新資訊28at.com

分析頭條圖片庫的API

打開頭條號發布文章,點擊添加圖片,會出現如下圖C2128資訊網——每日最新資訊28at.com

C2128資訊網——每日最新資訊28at.com

通過分析這個接口,發現它并沒有做認證,攜帶幾個路徑參數。C2128資訊網——每日最新資訊28at.com

C2128資訊網——每日最新資訊28at.com

在無痕瀏覽器重放這個接口,這能正常獲取數據,如下圖:C2128資訊網——每日最新資訊28at.com

C2128資訊網——每日最新資訊28at.com

現在圖片的數據源找到了,可以把它做成接口,給前端用戶調用了。這里我選擇熟悉的FastAPI做接口。C2128資訊網——每日最新資訊28at.com

接口代碼實現

從上述分析接口發現,路徑參數只有三個參數是動態變化的。所以,我們把它做成變量的形式:C2128資訊網——每日最新資訊28at.com

from pydantic import BaseModelclass TuotiaoParams(BaseModel):    page: int=0#圖片頁數    size: int = 30#展示圖片的數量    term: str=None#搜索的關鍵字

然后,把請求頭條號API接口封裝成一個函數,方便后續調用:C2128資訊網——每日最新資訊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做成接口模式:C2128資訊網——每日最新資訊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)

執行如下代碼啟動程序,就可以正常訪問接口:C2128資訊網——每日最新資訊28at.com

python main.py

C2128資訊網——每日最新資訊28at.com

這樣后臺的接口,就完成了。C2128資訊網——每日最新資訊28at.com

前端搭建

前端采用的github上開源的瀑布流圖片展示模板,然后,自己添加搜索功能的。C2128資訊網——每日最新資訊28at.com

https://github.com/heikaimu/vue3-waterfall-pluginC2128資訊網——每日最新資訊28at.com

下載vue3-waterfall-plugin項目到本地,執行如下代碼安裝依賴:C2128資訊網——每日最新資訊28at.com

pnpm install

安裝完依賴,執行如下代碼,啟動前端:C2128資訊網——每日最新資訊28at.com

pnpm run dev

啟動成功之后,輸入想要的圖片進行搜索,如圖:C2128資訊網——每日最新資訊28at.com

C2128資訊網——每日最新資訊28at.com

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

本文鏈接:http://www.www897cc.com/showinfo-26-10473-0.html利用開放接口,如何一步步打造自己的獨特圖片網站

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

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

下一篇: C語言操作寄存器和函數指針

標簽:
  • 熱門焦點
Top 主站蜘蛛池模板: 宜川县| 古田县| 竹溪县| 湖南省| 万源市| 丹东市| 大港区| 灌南县| 宝兴县| 启东市| 大方县| 弥勒县| 镇雄县| 华池县| 佳木斯市| 西宁市| 红原县| 石景山区| 宕昌县| 高台县| 兖州市| 略阳县| 林州市| 通海县| 哈巴河县| 错那县| 湟中县| 上高县| 西青区| 桐乡市| 南涧| 梅河口市| 郸城县| 古交市| 海口市| 罗城| 丰县| 米脂县| 宁都县| 读书| 政和县|