其他站自定義調(diào)用一為熱榜 api

2021-08-03 發(fā)布于熱榜 API

目前V2版一為熱榜 api 支持第三方站調(diào)用,可以在任何地方插入,正文,小工具,側(cè)邊欄等。

接口說(shuō)明

請(qǐng)求地址

地址 協(xié)議 方法
ionews.top https get

請(qǐng)求參數(shù)

參數(shù) 類型 可選 說(shuō)明
key string 必選 購(gòu)買的key
id int 必選 如:百度指數(shù) 100000,支持多個(gè),用逗號(hào)分割:100000,100011

取熱榜的id,列表

select string 可選 選擇器,encode=js 時(shí)必選,HTML元素的ID,如:io_news
css string 可選 如:card。暫時(shí)只有 card 風(fēng)格
encode string 可選 如:js。默認(rèn) js,可選 json

json返回格式

名稱 類型 說(shuō)明
state int 狀態(tài),1為成功,0為錯(cuò)誤
time string 時(shí)間
data array 內(nèi)容
msg string 消息

使用示例

js示例:

<div id="io_news" class="rule-content">加載中...</div>
<script src="https://ionews.top/hot.php?key=你的KEY&id=熱榜ID&select=io_news"></script>
其他站自定義調(diào)用一為熱榜 api

注意:代碼里 <div> 內(nèi)容的 id 一定要和請(qǐng)求地址的 select 的值一樣

如果一個(gè)頁(yè)面插入多個(gè)熱榜,請(qǐng)使用不同的 select 選擇器,如 io_news1、?io_news2、?io_news3

json示例:

$url = "https://www.ionews.top/api/get.php?key=你的KEY&id=100005&encode=json";

// 初始化curl
$ch = curl_init();

// 設(shè)置curl選項(xiàng)
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
curl_setopt($ch, CURLOPT_TIMEOUT, 30);

// 執(zhí)行請(qǐng)求
$response = curl_exec($ch);

// 檢查是否有錯(cuò)誤發(fā)生
if(curl_errno($ch)) {
    echo 'Curl error: ' . curl_error($ch);
}

// 關(guān)閉curl
curl_close($ch);
 
// 輸出結(jié)果
echo $response;

js其他說(shuō)明

添加到你想要顯示的地方,刷新頁(yè)面你就會(huì)看到對(duì)應(yīng)的熱榜了,如下圖,然后你在自己編輯一個(gè)好看的css就完成了。

其他站自定義調(diào)用一為熱榜 api

如果你不想自己編輯css,可以在請(qǐng)求地址后面加上 css 參數(shù) css=card,這樣就可以添加默認(rèn)的css樣式了,如下圖。

其他站自定義調(diào)用一為熱榜 api

如果想自定義css,可以參考 https://cdn.jsdelivr.net/gh/owen0o0/ioStaticResources/ionews/css/io-hot.css 這個(gè)文件

如果你用的wordpress,也可以添加到小工具中

其他站自定義調(diào)用一為熱榜 api
加載中...

仍然有問(wèn)題? 我們要如何幫助您?
One Nav 導(dǎo)航主題