mirror of
https://github.com/woodchen-ink/openai-billing-query.git
synced 2025-07-18 05:51:59 +08:00
Merge branch 'mdui2' of https://github.com/woodchen-ink/openai-billing-query into mdui2
This commit is contained in:
commit
65218d4d78
10
README.md
10
README.md
@ -3,11 +3,8 @@
|
||||
|
||||
star,please.
|
||||
|
||||
Telegram交流群：https://t.me/ai_cn2023
|
||||
QQ群：https://qm.qq.com/q/cCKTiXSn3G
|
||||
|
||||
## 在线访问(使用Cloudflare Pages部署)
|
||||
新版本：https://o-b.woodchen.ink/ 或者 https://o-b.pages.dev
|
||||
新版本：https://o-b.pages.dev
|
||||
daisyUI版本：https://daisyui.o-b.pages.dev/
|
||||
|
||||
## [English](README_EN.md)
|
||||
@ -24,7 +21,7 @@ daisyUI版本：https://daisyui.o-b.pages.dev/
|
||||
|
||||
## SESS ID获取方法
|
||||
|
||||
请见我的个人博客，提供视频教程：https://woodchen.ink/1266.html
|
||||
[请见我的个人博客，提供视频教程](https://woodchen.ink/archives/how-to-query-the-balance-of-openai-in-batches-expires-gpt4-whether-to-tie-cards-1ov1aw)
|
||||
|
||||
## 支持自定义反代接口
|
||||
在第361行添加自己的接口代码
|
||||
@ -36,9 +33,6 @@ daisyUI版本：https://daisyui.o-b.pages.dev/
|
||||
## 怎么部署
|
||||
下载index.html直接打开就行，除了背景图片，没有任何外部资源。
|
||||
|
||||
## 赞赏码，如果觉得好用，可以请我喝杯咖啡
|
||||
|
||||
|
||||
|
||||
## 贡献列表
|
||||
|
||||
|
||||
@ -83,6 +83,7 @@
|
||||
<mdui-menu-item icon="search" href="index.html">查API信息</mdui-menu-item>
|
||||
<mdui-menu-item icon="vpn_key" href="get_sess.html">通过access token获取sess</mdui-menu-item>
|
||||
<mdui-menu-item icon="vpn_key" href="get_sess2.html">通过PandoraNext获取sess</mdui-menu-item>
|
||||
<mdui-menu-item icon="vpn_key" href="refresh_see.html">刷新Platform相关信息刷新sess</mdui-menu-item>
|
||||
<mdui-menu-item icon="build" href="https://woodchen.ink/1266.html"
|
||||
target="_blank">手动获取sess的方法</mdui-menu-item>
|
||||
</mdui-menu>
|
||||
|
||||
@ -11,7 +11,12 @@
|
||||
<link rel="stylesheet" href="./static/css-1.css" type="text/css" />
|
||||
<link rel="stylesheet" href="./static/mdui/mdui.css" />
|
||||
<script src="./static/mdui/mdui.global.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.3/axios.min.js" integrity="sha512-JWQFV6OCC2o2x8x46YrEeFEQtzoNV++r9im8O8stv91YwHNykzIS2TbvAlFdeH0GVlpnyd79W0ZGmffcRi++Bw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script
|
||||
src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.3/axios.min.js"
|
||||
integrity="sha512-JWQFV6OCC2o2x8x46YrEeFEQtzoNV++r9im8O8stv91YwHNykzIS2TbvAlFdeH0GVlpnyd79W0ZGmffcRi++Bw=="
|
||||
crossorigin="anonymous"
|
||||
referrerpolicy="no-referrer"
|
||||
></script>
|
||||
|
||||
<script>
|
||||
mdui.setColorScheme("#0d2d44");
|
||||
@ -38,7 +43,7 @@
|
||||
border-radius: 4px;
|
||||
margin: 8px 0;
|
||||
margin-top: 20px;
|
||||
margin-left:20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
</style>
|
||||
<mdui-layout>
|
||||
@ -46,9 +51,7 @@
|
||||
<div class="mdui-main-container">
|
||||
<div style="display: flex">
|
||||
<h2 style="flex: 1">查询结果</h2>
|
||||
<button class="copy-button" onclick="copySess()">
|
||||
复制sess
|
||||
</button>
|
||||
<button class="copy-button" onclick="copySess()">复制sess</button>
|
||||
<button class="copy-button" onclick="copyTable()">
|
||||
复制全部内容
|
||||
</button>
|
||||
@ -126,6 +129,9 @@
|
||||
<mdui-menu-item icon="vpn_key" href="get_sess2.html"
|
||||
>通过PandoraNext获取sess</mdui-menu-item
|
||||
>
|
||||
<mdui-menu-item icon="vpn_key" href="refresh_see.html"
|
||||
>刷新Platform相关信息刷新sess</mdui-menu-item
|
||||
>
|
||||
<mdui-menu-item
|
||||
icon="build"
|
||||
href="https://woodchen.ink/1266.html"
|
||||
|
||||
@ -90,6 +90,7 @@
|
||||
<mdui-menu-item icon="search" href="index.html">查API信息</mdui-menu-item>
|
||||
<mdui-menu-item icon="vpn_key" href="get_sess.html">通过access token获取sess</mdui-menu-item>
|
||||
<mdui-menu-item icon="vpn_key" href="get_sess2.html">通过PandoraNext获取sess</mdui-menu-item>
|
||||
<mdui-menu-item icon="vpn_key" href="refresh_see.html">刷新Platform相关信息刷新sess</mdui-menu-item>
|
||||
<mdui-menu-item icon="build" href="https://woodchen.ink/1266.html"
|
||||
target="_blank">手动获取sess的方法</mdui-menu-item>
|
||||
</mdui-menu>
|
||||
|
||||
167
refresh_see.html
Normal file
167
refresh_see.html
Normal file
@ -0,0 +1,167 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="mdui-theme-light" lang="zh-cmn-Hans">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>刷新Platform相关信息刷新sess</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="批量快速查询OPENAI的余额，支持可视化展现已用比例、额度、已用量、未用量、是否GPT-4、是否GPT4-32K、是否绑卡、绑卡信息、组织信息、是否有效"
|
||||
/>
|
||||
<link rel="stylesheet" href="./static/css-1.css" type="text/css" />
|
||||
<link rel="stylesheet" href="./static/mdui/mdui.css" />
|
||||
<script src="./static/mdui/mdui.global.js"></script>
|
||||
|
||||
<script>
|
||||
mdui.setColorScheme("#0d2d44");
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<style>
|
||||
th,
|
||||
td {
|
||||
cursor: pointer; /* 添加鼠标指针样式 */
|
||||
white-space: normal; /* 设置为normal使内容自动换行 */
|
||||
word-wrap: break-word; /* 设置为break-word以确保长单词/链接被截断换行 */
|
||||
max-width: 300px;
|
||||
}
|
||||
/* 复制按钮样式 */
|
||||
.copy-button {
|
||||
height: 36px;
|
||||
cursor: pointer;
|
||||
background-color: #4caf50;
|
||||
color: white;
|
||||
padding: 8px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
margin: 8px 0;
|
||||
margin-top: 20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
</style>
|
||||
<mdui-layout>
|
||||
<mdui-layout-main>
|
||||
<div class="mdui-main-container">
|
||||
<div style="display: flex">
|
||||
<h2 style="flex: 1">查询结果</h2>
|
||||
<button class="copy-button" onclick="copySess()">复制sess</button>
|
||||
<button class="copy-button" onclick="copyTable()">
|
||||
复制全部内容
|
||||
</button>
|
||||
</div>
|
||||
<div class="mdui-table">
|
||||
<table id="result-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>序号</th>
|
||||
<th>邮箱账户</th>
|
||||
<th>手机号</th>
|
||||
<th>Sensitive ID</th>
|
||||
<th>Refresh Token</th>
|
||||
<th>Access Token</th>
|
||||
<th>Sensitive ID创建时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="result-tbody" style="max-width: 100%">
|
||||
<!-- 表格内容 -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</mdui-layout-main>
|
||||
|
||||
<mdui-top-app-bar>
|
||||
<mdui-button-icon
|
||||
icon="menu"
|
||||
close-on-overlay-click
|
||||
id="toggle-button"
|
||||
style="color: white"
|
||||
></mdui-button-icon>
|
||||
<mdui-top-app-bar-title style="text-align: center; color: white"
|
||||
>刷新Platform相关信息刷新sess</mdui-top-app-bar-title
|
||||
>
|
||||
</mdui-top-app-bar>
|
||||
|
||||
<mdui-navigation-drawer open class="left-drawer" close-on-overlay-click>
|
||||
<div class="left-drawer-main">
|
||||
<h3>输入 API KEY</h3>
|
||||
<p>本站不保存 KEY 信息，查询后请自行保存</p>
|
||||
<mdui-text-field
|
||||
id="api-key-input"
|
||||
placeholder="请输入 refresh_token，多个请回车换行"
|
||||
label="refresh_token"
|
||||
rows="6"
|
||||
></mdui-text-field>
|
||||
|
||||
<mdui-select
|
||||
id="api-url-select"
|
||||
icon="airline_stops"
|
||||
label="查询线路"
|
||||
value="https://ai.fakeopen.com"
|
||||
onchange="toggleCustomUrlInput()"
|
||||
>
|
||||
<mdui-menu-item value="https://ai.fakeopen.com"
|
||||
>[FkopenAi]ai.fakeopen.com</mdui-menu-item
|
||||
>
|
||||
<mdui-menu-item value="custom">[已前置https]自定义PandoraNext API</mdui-menu-item>
|
||||
</mdui-select>
|
||||
|
||||
<mdui-text-field
|
||||
type="text"
|
||||
id="custom-url-input"
|
||||
placeholder="请输入PandoraNext的API地址和前缀"
|
||||
label="PandoraNext API地址和前缀"
|
||||
class="hidden"
|
||||
></mdui-text-field>
|
||||
|
||||
<div style="height: 2rem"></div>
|
||||
|
||||
<mdui-button
|
||||
full-width
|
||||
id="query-button"
|
||||
icon="search"
|
||||
onclick="sendRequest()"
|
||||
>
|
||||
查询
|
||||
</mdui-button>
|
||||
|
||||
<!-- 下半部分 -->
|
||||
<h4>页面列表</h4>
|
||||
<mdui-menu style="width: 100%; margin-top: 20px">
|
||||
<mdui-menu-item icon="search" href="index.html"
|
||||
>查API信息</mdui-menu-item
|
||||
>
|
||||
<mdui-menu-item icon="vpn_key" href="get_sess.html"
|
||||
>通过access token获取sess</mdui-menu-item
|
||||
>
|
||||
<mdui-menu-item icon="vpn_key" href="get_sess2.html"
|
||||
>通过PandoraNext获取sess</mdui-menu-item
|
||||
>
|
||||
<mdui-menu-item icon="vpn_key" href="refresh_see.html"
|
||||
>刷新Platform相关信息刷新sess</mdui-menu-item
|
||||
>
|
||||
<mdui-menu-item
|
||||
icon="build"
|
||||
href="https://woodchen.ink/1266.html"
|
||||
target="_blank"
|
||||
>手动获取sess的方法</mdui-menu-item
|
||||
>
|
||||
</mdui-menu>
|
||||
|
||||
<div style="margin-top: 20px">
|
||||
<mdui-chip elevated icon="code">
|
||||
本网页由<a href="https://woodchen.ink" target="_blank">woodchen</a
|
||||
>开源于<a
|
||||
href="https://github.com/woodchen-ink/openai-billing-query"
|
||||
target="_blank"
|
||||
>Github</a
|
||||
>
|
||||
</mdui-chip>
|
||||
</div>
|
||||
</div>
|
||||
</mdui-navigation-drawer>
|
||||
</mdui-layout>
|
||||
<script src="./static/refresh_see.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
279
static/refresh_see.js
Normal file
279
static/refresh_see.js
Normal file
@ -0,0 +1,279 @@
|
||||
let serialNumber = 1;
|
||||
|
||||
// 线路选择框
|
||||
function toggleCustomUrlInput() {
|
||||
// 获取id为"api-url-select"的元素
|
||||
const selectElement = document.getElementById("api-url-select");
|
||||
// 获取id为"custom-url-input"的元素
|
||||
const customUrlInput = document.getElementById("custom-url-input");
|
||||
|
||||
// 如果selectElement的值为"custom"
|
||||
if (selectElement.value === "custom") {
|
||||
// 从customUrlInput的classList中移除"hidden"
|
||||
customUrlInput.classList.remove("hidden");
|
||||
} else {
|
||||
// 给customUrlInput的classList添加"hidden"
|
||||
customUrlInput.classList.add("hidden");
|
||||
}
|
||||
}
|
||||
|
||||
function checkBilling(apiKey, apiUrl) {
|
||||
return new Promise(async (resolve, reject) => {
|
||||
try {
|
||||
// 拼接url
|
||||
var tokenUrl = `${apiUrl}`;
|
||||
var loginUrl = `${apiUrl}/v1/dashboard/onboarding/login`;
|
||||
// 使用"/auth/platform/refresh"，潘多拉则需要加上/api
|
||||
if (!apiUrl.startsWith("https://ai.fakeopen.com")) {
|
||||
tokenUrl += "/api";
|
||||
}
|
||||
tokenUrl += "/auth/platform/refresh";
|
||||
|
||||
var urlencoded = new URLSearchParams();
|
||||
urlencoded.append("refresh_token", apiKey);
|
||||
|
||||
let response = await fetch(tokenUrl, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/x-www-form-urlencoded",
|
||||
},
|
||||
body: urlencoded,
|
||||
redirect: "follow",
|
||||
});
|
||||
const rdata = await response.json();
|
||||
if (rdata && rdata.access_token && rdata.refresh_token) {
|
||||
// 查询sess
|
||||
const get_sess = await fetch(loginUrl, {
|
||||
method: "POST", // 设置请求方法为 POST
|
||||
headers: {
|
||||
Authorization: "Bearer " + rdata.access_token,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({}), // 此处放置要发送的数据
|
||||
});
|
||||
const getsessdata = await get_sess.json();
|
||||
if (getsessdata && getsessdata.user && getsessdata.user.session) {
|
||||
resolve({ token_info: rdata, ...getsessdata });
|
||||
} else {
|
||||
reject(getsessdata);
|
||||
}
|
||||
} else {
|
||||
reject(rdata);
|
||||
}
|
||||
} catch (error) {
|
||||
reject(error);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//查询函数
|
||||
async function sendRequest() {
|
||||
let apiKeyInput = document.getElementById("api-key-input");
|
||||
let apiUrlSelect = document.getElementById("api-url-select");
|
||||
let customUrlInput = document.getElementById("custom-url-input");
|
||||
|
||||
document
|
||||
.getElementById("result-table")
|
||||
.getElementsByTagName("tbody")[0].innerHTML = "";
|
||||
let apiUrl = apiUrlSelect.value;
|
||||
if (apiUrlSelect.value === "custom") {
|
||||
apiUrl = customUrlInput.value.trim();
|
||||
}
|
||||
if (!apiUrl) {
|
||||
mdui.alert({
|
||||
headline: "无查询线路",
|
||||
description: "请选择或自定义配置查询Sess线路",
|
||||
confirmText: "OK",
|
||||
});
|
||||
return;
|
||||
} else {
|
||||
if (!apiUrl.startsWith("http://") && !apiUrl.startsWith("https://")) {
|
||||
apiUrl = "https://" + apiUrl;
|
||||
}
|
||||
if (apiUrl && apiUrl.endsWith("/")) {
|
||||
apiUrl = apiUrl.slice(0, -1); // 去掉末尾的"/"
|
||||
}
|
||||
}
|
||||
|
||||
let tokenList = apiKeyInput.value.split(/[,\s，\n]+/);
|
||||
if (!apiKeyInput.value || tokenList.length === 0) {
|
||||
mdui.alert({
|
||||
headline: "请输入Token",
|
||||
description: "请检查输入refresh_token",
|
||||
confirmText: "OK",
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
showLoadingAnimation();
|
||||
|
||||
let tableBody = document.querySelector("#result-table tbody");
|
||||
|
||||
let properties = [
|
||||
"email",
|
||||
"phone_number",
|
||||
"sensitive_id",
|
||||
"refresh_token",
|
||||
"access_token",
|
||||
"created",
|
||||
];
|
||||
|
||||
for (let i = 0; i < tokenList.length; i++) {
|
||||
let token = tokenList[i].trim();
|
||||
if (token) {
|
||||
let row = document.createElement("tr");
|
||||
let serialNumberCell = document.createElement("td");
|
||||
serialNumberCell.textContent = serialNumber;
|
||||
row.appendChild(serialNumberCell);
|
||||
try {
|
||||
let data = await checkBilling(token, apiUrl);
|
||||
let user = data.user;
|
||||
let session = user.session;
|
||||
let token_info = data.token_info;
|
||||
properties.forEach((prop) => {
|
||||
let cellValue = "";
|
||||
let cell = document.createElement("td");
|
||||
if (prop === "created") {
|
||||
cellValue = new Date(session["created"] * 1000).toLocaleString();
|
||||
} else if (prop === "sensitive_id") {
|
||||
cellValue = session[prop]; // 获取 session 对象中的 sensitive_id
|
||||
cell.onclick = function () {
|
||||
copyCell(cell, `Sensitive ID复制成功`);
|
||||
};
|
||||
} else if (prop === "refresh_token" || prop === "access_token") {
|
||||
cellValue = token_info[prop];
|
||||
cell.onclick = function () {
|
||||
copyCell(
|
||||
cell,
|
||||
`${
|
||||
prop === "refresh_token" ? "Refresh Token" : "Access Token"
|
||||
}复制成功`
|
||||
);
|
||||
};
|
||||
} else {
|
||||
cellValue = user[prop] ? user[prop] : ""; // 确保在user[prop]为空时，cellValue被赋予空字符串
|
||||
}
|
||||
|
||||
cell.textContent =
|
||||
cellValue && cellValue.length > 50
|
||||
? cellValue.substring(0, 57) + "..."
|
||||
: cellValue; // 如果长度超过60，显示"..."
|
||||
cell.innerHTML = `<span title="${cellValue}">${cell.textContent}</span>`; // 在悬停时显示全部内容
|
||||
row.appendChild(cell);
|
||||
});
|
||||
} catch (error) {
|
||||
let username = document.createElement("td");
|
||||
username.textContent = token.replace(/^(.{10}).*(.{8})$/, "$1***$2");
|
||||
row.appendChild(username);
|
||||
let errorMessageCell = document.createElement("td");
|
||||
errorMessageCell.colSpan = "8";
|
||||
errorMessageCell.classList.add("status-error");
|
||||
// 在这里检查错误信息是否为 "error request login url"
|
||||
if (error === "error request login url") {
|
||||
errorMessageCell.textContent = "请求错误，请稍后重试";
|
||||
} else {
|
||||
errorMessageCell.textContent =
|
||||
error && error.detail ? error.detail : error;
|
||||
}
|
||||
row.appendChild(errorMessageCell);
|
||||
}
|
||||
|
||||
tableBody.appendChild(row);
|
||||
serialNumber++;
|
||||
}
|
||||
}
|
||||
hideLoadingAnimation();
|
||||
}
|
||||
|
||||
function copyCell(cell, message) {
|
||||
// 创建一个新的textarea元素
|
||||
var textarea = document.createElement("textarea");
|
||||
// 设置textarea的值为单元格的文本内容
|
||||
textarea.value = cell.innerText;
|
||||
// 将textarea元素添加到body中
|
||||
document.body.appendChild(textarea);
|
||||
// 选择textarea的文本内容
|
||||
textarea.select();
|
||||
// 执行复制命令
|
||||
document.execCommand("copy");
|
||||
// 移除textarea元素
|
||||
document.body.removeChild(textarea);
|
||||
mdui.alert({
|
||||
headline: "提示",
|
||||
description: message,
|
||||
confirmText: "OK",
|
||||
});
|
||||
}
|
||||
|
||||
function copyTable() {
|
||||
// 这个函数可以保留，以便你仍然可以复制整个表格内容
|
||||
var tableBody = document.getElementById("result-tbody");
|
||||
var textarea = document.createElement("textarea");
|
||||
textarea.value = tableBody.innerText;
|
||||
document.body.appendChild(textarea);
|
||||
textarea.select();
|
||||
document.execCommand("copy");
|
||||
document.body.removeChild(textarea);
|
||||
mdui.alert({
|
||||
headline: "提示",
|
||||
description: "复制成功",
|
||||
confirmText: "OK",
|
||||
});
|
||||
}
|
||||
|
||||
function copySess() {
|
||||
var sensitiveCells = document.querySelectorAll("tbody td:nth-child(4) span"); // 选择所有的Sensitive ID单元格
|
||||
var sensitiveIds = Array.from(sensitiveCells).map((cell) => cell.title); // 从单元格中获取所有的Sensitive ID
|
||||
var textarea = document.createElement("textarea");
|
||||
textarea.value = sensitiveIds.join("\n"); // 用换行符连接所有的Sensitive ID
|
||||
document.body.appendChild(textarea);
|
||||
textarea.select();
|
||||
document.execCommand("copy");
|
||||
document.body.removeChild(textarea);
|
||||
mdui.alert({
|
||||
headline: "提示",
|
||||
description: "Sensitive ID复制成功",
|
||||
confirmText: "OK",
|
||||
});
|
||||
}
|
||||
|
||||
function showLoadingAnimation() {
|
||||
const button = document.getElementById("query-button");
|
||||
|
||||
// 创建一个新的 <mdui-linear-progress> 元素
|
||||
const progressElement = document.createElement("mdui-linear-progress");
|
||||
progressElement.id = "query-progress";
|
||||
|
||||
// 将新元素替代原始按钮元素
|
||||
button.parentElement.replaceChild(progressElement, button);
|
||||
}
|
||||
|
||||
function hideLoadingAnimation() {
|
||||
const progressElement = document.querySelector("mdui-linear-progress");
|
||||
|
||||
if (progressElement) {
|
||||
const button = document.createElement("mdui-button");
|
||||
button.id = "query-button";
|
||||
button.innerHTML = "查询";
|
||||
button.setAttribute("full-width", "");
|
||||
button.setAttribute("icon", "search");
|
||||
button.setAttribute("onclick", "sendRequest()");
|
||||
|
||||
// 将原始按钮元素替代回来
|
||||
progressElement.parentElement.replaceChild(button, progressElement);
|
||||
}
|
||||
}
|
||||
|
||||
const navigationDrawer = document.querySelector(".left-drawer");
|
||||
const toggleButton = document.getElementById("toggle-button");
|
||||
|
||||
let isOpen = true;
|
||||
|
||||
toggleButton.addEventListener("click", () => {
|
||||
isOpen = !isOpen;
|
||||
if (isOpen) {
|
||||
navigationDrawer.open = true;
|
||||
} else {
|
||||
navigationDrawer.open = false;
|
||||
}
|
||||
});
|
||||
Loading…
x
Reference in New Issue
Block a user