Merge pull request #36 from mouxangithub/mdui2

fix: 新增刷新sess功能
2025-07-18 05:51:59 +08:00 · 2024-01-03 22:27:26 +08:00 · 2024-01-03 22:27:26 +08:00 · 853855d819
commit 853855d819
parent d63b02957a c93807a2f7
5 changed files with 527 additions and 5 deletions
--- a/get_sess.html
+++ b/get_sess.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>
--- a/get_sess2.html
+++ b/get_sess2.html
@ -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"
--- a/index.html
+++ b/index.html
@ -93,6 +93,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>
--- a/refresh_see.html
+++ b/refresh_see.html
@ -0,0 +1,201 @@
+<!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 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");
+    </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="refresh-token-api"
+            icon="airline_stops"
+            label="刷新token线路"
+            value="https://ai.fakeopen.com"
+            onchange="toggleCustomUrlInput()"
+          >
+            <mdui-menu-item value="https://ai.fakeopen.com"
+              >[FakeOpen]ai.fakeopen.com</mdui-menu-item
+            >
+            <mdui-menu-item value="custom">自定义，使用PandoraNext的API</mdui-menu-item>
+          </mdui-select>
+
+          <mdui-select
+            id="api-url-select"
+            icon="airline_stops"
+            label="查询Sess线路"
+            value="https://api.openai.com"
+            onchange="toggleCustomUrlInput()"
+          >
+            <mdui-menu-item value="https://api.openai.com"
+              >[官网线路]api.openai.com</mdui-menu-item
+            >
+            <mdui-menu-item value="https://oapi.czl.net"
+              >[CZLoapi线路]oapi.czl.net</mdui-menu-item
+            >
+            <mdui-menu-item value="https://openai.996.lat"
+              >[群友CF反代]openai.996.lat</mdui-menu-item
+            >
+            <mdui-menu-item
+              value="https://gateway.ai.cloudflare.com/v1/feedd0aa8abd6875052d86a94f1baf83/test/openai"
+              >CF Gateway</mdui-menu-item
+            >
+            <mdui-menu-item value="custom">[已前置https]自定义</mdui-menu-item>
+          </mdui-select>
+
+          <mdui-text-field
+            type="text"
+            id="PandoraNext-url-input"
+            class="hidden"
+            label="PandoraNext API地址"
+            placeholder="输入PandoraNext的API地址和前缀"
+          ></mdui-text-field>
+
+          <mdui-text-field
+            type="text"
+            id="custom-url-input"
+            label="自定义查询API"
+            placeholder="输入自定义API，填域名即可，无需https://"
+            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>
--- a/static/refresh_see.js
+++ b/static/refresh_see.js
@ -0,0 +1,313 @@
+let serialNumber = 1;
+
+function toggleCustomUrlInput() {
+  const refreshTokenApiElement = document.getElementById("refresh-token-api");
+  const PandoraNextUrlInput = document.getElementById("PandoraNext-url-input");
+  if (refreshTokenApiElement.value === "custom") {
+    PandoraNextUrlInput.classList.remove("hidden");
+    PandoraNextUrlInput.style.display = "inline-block";
+    PandoraNextUrlInput.style.marginTop = "5px";
+  } else {
+    PandoraNextUrlInput.classList.add("hidden");
+    PandoraNextUrlInput.style.display = "none";
+  }
+  // 获取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");
+    customUrlInput.style.display = "inline-block";
+    customUrlInput.style.marginTop = "5px";
+  } else {
+    // 给customUrlInput的classList添加"hidden"
+    customUrlInput.classList.add("hidden");
+    customUrlInput.style.display = "none";
+  }
+}
+
+const service = axios.create({
+  withCredentials: true, // 跨域请求时发送Cookie
+  timeout: 60000, // 请求超时
+});
+
+function checkBilling(refreshToken, refUrl, apiUrl) {
+  return new Promise(async (resolve, reject) => {
+    try {
+      var urlencoded = new URLSearchParams();
+      urlencoded.append("refresh_token", refreshToken);
+      const response = await service.post(refUrl, urlencoded, {
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded",
+        },
+      });
+      const rdata = response.data;
+      console.log(`rdata: ${rdata}`);
+      if (rdata && rdata.access_token && rdata.refresh_token) {
+        // 查询sess
+        const get_sess = await service.post(
+          `${apiUrl}/dashboard/onboarding/login`,
+          {},
+          {
+            headers: {
+              Authorization: "Bearer " + rdata.access_token,
+              "Content-Type": "application/json",
+            },
+          }
+        );
+        const getsessdata = get_sess.data;
+        console.log(`getsessdata: ${getsessdata}`);
+        if (getsessdata && getsessdata.user && getsessdata.user.session) {
+          resolve({token_info: rdata, ...getsessdata});
+        } else {
+          reject({token_info: rdata, ...getsessdata});
+        }
+      } else {
+        reject(rdata);
+      }
+    } catch (error) {
+      reject(error);
+    }
+  });
+}
+
+//查询函数
+async function sendRequest() {
+  let apiKeyInput = document.getElementById("api-key-input");
+  let refreshTokenApi = document.getElementById("refresh-token-api");
+  let PandoraNextUrlInput = document.getElementById("PandoraNext-url-input");
+  let apiUrlSelect = document.getElementById("api-url-select");
+  let customUrlInput = document.getElementById("custom-url-input");
+
+  document
+    .getElementById("result-table")
+    .getElementsByTagName("tbody")[0].innerHTML = "";
+
+  let refUrl = refreshTokenApi.value;
+  let apiUrl = apiUrlSelect.value;
+  if (refUrl === "custom") {
+    refUrl = PandoraNextUrlInput.value.trim();
+    if (refUrl) {
+      refUrl += "/api";
+    }
+  }
+  if (!refUrl) {
+    mdui.alert({
+      headline: "无查询线路",
+      description: "请选择或自定义配置刷新token线路",
+      confirmText: "OK",
+    });
+    return;
+  }
+  if (!refUrl.startsWith("http://") && !refUrl.startsWith("https://")) {
+    refUrl = "https://" + refUrl;
+  }
+  if (apiUrlSelect.value === "custom") {
+    apiUrl = customUrlInput.value.trim();
+  }
+  refUrl += "/auth/platform/refresh";
+  if (!apiUrl) {
+    mdui.alert({
+      headline: "无查询线路",
+      description: "请选择或自定义配置查询Sess线路",
+      confirmText: "OK",
+    });
+    return;
+  } else {
+    if (!apiUrl.startsWith("http://") && !apiUrl.startsWith("https://")) {
+      apiUrl = "https://" + apiUrl;
+    }
+    if (!apiUrl.startsWith("https://gateway.ai.cloudflare.com")) {
+      apiUrl += "/v1"; // 如果不是，则添加路径‘/v1’
+    } else {
+      apiUrl = apiUrl.replace("/v1", ""); // 如果用户选择的选项是https://gateway.ai.cloudflare.com开头，则删除/v1
+    }
+    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, refUrl, 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;
+  }
+});