1. 木木の博客Home
  2. Cloudflare

Ser00服务进程保活：可视化面板操作（基于worker）

木木 • • Cloudflare, Serv00, Worker & Pages • 14 views

原帖：在Cloudflare Worker上保活serv00/CT8服务进程（带可视化面板及执行命令）

准备工作

创建worker，并添加变量。请参考本文章：Serv00保活脚本：基于cloudflare worker+电报通知_

不同之处

1.变量ACCOUNTS_JSON代码更新

cronCommands 这部分是你想要添加的 cron 任务，可以是路径，也可以是程序运行的命令 (一个引号内是完整的执行命令)

{
  "accounts": [
    {
      "username": "user1",
      "password": "password1",
      "type": "ct8",
      "cronCommands": [
        "/usr/home/serv00name/domains",
        "你的脚本"
      ]
    },
    {
      "username": "user2",
      "password": "password2",
      "panelnum": "2",
      "type": "serv00",
      "cronCommands": [
        "/usr/home/serv00name"
      ]
    },
    {
      "username": "user3",
      "password": "password3",
      "type": "ct8",
      "cronCommands": [
        "/usr/home/serv00name",
        "你的脚本",
        "python /usr/home/serv00name/domains/backup.py"
      ]
    }
  ]
}

2.增加一个变量PASSWORD

访问你部署的worker面板的密码
Ser00服务进程保活：可视化面板操作（基于worker）

3.worker代码更新

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

addEventListener('scheduled', event => {
  event.waitUntil(handleScheduled(event.scheduledTime))
})

async function handleRequest(request) {
  const url = new URL(request.url)
  
  if (url.pathname === '/login' && request.method === 'POST') {
    const formData = await request.formData()
    const password = formData.get('password')
    
    if (password === PASSWORD) {
      const response = new Response(JSON.stringify({ success: true }), {
        headers: { 'Content-Type': 'application/json' }
      })
      response.headers.set('Set-Cookie', `auth=${PASSWORD}; HttpOnly; Secure; SameSite=Strict; Path=/; Max-Age=86400`)
      return response
    } else {
      return new Response(JSON.stringify({ success: false }), {
        headers: { 'Content-Type': 'application/json' }
      })
    }
  } else if (url.pathname === '/run' && request.method === 'POST') {
    if (!isAuthenticated(request)) {
      return new Response('Unauthorized', { status: 401 })
    }
    
    await handleScheduled(new Date().toISOString())
    const results = await CRON_RESULTS.get('lastResults', 'json')
    return new Response(JSON.stringify(results), {
      headers: { 'Content-Type': 'application/json' }
    })
  } else if (url.pathname === '/results' && request.method === 'GET') {
    if (!isAuthenticated(request)) {
      return new Response(JSON.stringify({ authenticated: false }), {
        headers: { 'Content-Type': 'application/json' }
      })
    }
    const results = await CRON_RESULTS.get('lastResults', 'json')
    return new Response(JSON.stringify({ authenticated: true, results: results || [] }), {
      headers: { 'Content-Type': 'application/json' }
    })
  } else if (url.pathname === '/check-auth' && request.method === 'GET') {
    return new Response(JSON.stringify({ authenticated: isAuthenticated(request) }), {
      headers: { 'Content-Type': 'application/json' }
    })
  } else {
    // 显示登录页面或结果页面的 HTML
    return new Response(getHtmlContent(), {
      headers: { 'Content-Type': 'text/html' },
    })
  }
}

function isAuthenticated(request) {
  const cookies = request.headers.get('Cookie')
  if (cookies) {
    const authCookie = cookies.split(';').find(c => c.trim().startsWith('auth='))
    if (authCookie) {
      const authValue = authCookie.split('=')[1]
      return authValue === PASSWORD
    }
  }
  return false
}

function getHtmlContent() {
  return `
  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Worker Control Panel</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        margin: 0;
        background-color: #f0f0f0;
      }
      .container {
        text-align: center;
        padding: 20px;
        background-color: white;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        max-width: 800px;
        width: 100%;
      }
      input, button {
        margin: 10px 0;
        padding: 10px;
        width: 200px;
        border-radius: 4px;
        border: 1px solid #ddd;
      }
      button {
        background-color: #4CAF50;
        border: none;
        color: white;
        cursor: pointer;
      }
      #status {
        margin-top: 20px;
        font-weight: bold;
      }
      table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
      }
      th, td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
      }
      th {
        background-color: #f2f2f2;
      }
      #loginForm, #dashboard {
        display: none;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>Worker Control Panel</h1>
      <div id="loginForm">
        <input type="password" id="password" placeholder="Enter password">
        <button onclick="login()">Login</button>
      </div>
      <div id="dashboard">
        <button onclick="runScript()">Run Script</button>
        <div id="status"></div>
        <table id="resultsTable">
          <thead>
            <tr>
              <th>Account</th>
              <th>Type</th>
              <th>Status</th>
              <th>Message</th>
              <th>Last Run</th>
            </tr>
          </thead>
          <tbody></tbody>
        </table>
      </div>
    </div>
    <script>
      let password = '';

      function showLoginForm() {
        document.getElementById('loginForm').style.display = 'block';
        document.getElementById('dashboard').style.display = 'none';
      }

      function showDashboard() {
        document.getElementById('loginForm').style.display = 'none';
        document.getElementById('dashboard').style.display = 'block';
        fetchResults();
      }

      async function checkAuth() {
        const response = await fetch('/check-auth');
        const data = await response.json();
        if (data.authenticated) {
          showDashboard();
        } else {
          showLoginForm();
        }
      }

      async function login() {
        password = document.getElementById('password').value;
        const formData = new FormData();
        formData.append('password', password);
        const response = await fetch('/login', { 
          method: 'POST',
          body: formData
        });
        const result = await response.json();
        if (result.success) {
          showDashboard();
        } else {
          alert('Incorrect password');
        }
      }

      async function runScript() {
        const statusDiv = document.getElementById('status');
        statusDiv.textContent = 'Executing script...';
        try {
          const response = await fetch('/run', { method: 'POST' });
          if (response.ok) {
            const results = await response.json();
            displayResults(results);
            statusDiv.textContent = 'Script executed successfully!';
          } else if (response.status === 401) {
            statusDiv.textContent = 'Unauthorized. Please login again.';
            showLoginForm();
          } else {
            statusDiv.textContent = 'Error executing script.';
          }
        } catch (error) {
          statusDiv.textContent = 'Error: ' + error.message;
        }
      }

      async function fetchResults() {
        try {
          const response = await fetch('/results');
          if (response.ok) {
            const data = await response.json();
            if (data.authenticated) {
              displayResults(data.results);
            } else {
              showLoginForm();
            }
          } else {
            console.error('Failed to fetch results');
            showLoginForm();
          }
        } catch (error) {
          console.error('Error fetching results:', error);
          showLoginForm();
        }
      }

      function displayResults(results) {
        const tbody = document.querySelector('#resultsTable tbody');
        tbody.innerHTML = '';
        results.forEach(result => {
          result.cronResults.forEach((cronResult, index) => {
            const row = tbody.insertRow();
            if (index === 0) {
              row.insertCell(0).textContent = result.username;
              row.insertCell(1).textContent = result.type;
            } else {
              row.insertCell(0).textContent = '';
              row.insertCell(1).textContent = '';
            }
            row.insertCell(2).textContent = cronResult.success ? 'Success' : 'Failed';
            row.insertCell(3).textContent = cronResult.message;
            row.insertCell(4).textContent = new Date(result.lastRun).toLocaleString();
          });
        });
      }

      // 页面加载时检查认证状态
      document.addEventListener('DOMContentLoaded', checkAuth);
    </script>
  </body>
  </html>
  `;
}

async function handleScheduled(scheduledTime) {
  const accountsData = JSON.parse(ACCOUNTS_JSON);
  const accounts = accountsData.accounts;
  
  let results = [];
  for (const account of accounts) {
    const result = await loginAccount(account);
    results.push(result);
    await delay(Math.floor(Math.random() * 8000) + 1000);
  }

  // 保存结果到 KV 存储
  await CRON_RESULTS.put('lastResults', JSON.stringify(results));
}

function generateRandomUserAgent() {
  const browsers = ['Chrome', 'Firefox', 'Safari', 'Edge', 'Opera'];
  const browser = browsers[Math.floor(Math.random() * browsers.length)];
  const version = Math.floor(Math.random() * 100) + 1;
  const os = ['Windows NT 10.0', 'Macintosh', 'X11'];
  const selectedOS = os[Math.floor(Math.random() * os.length)];
  const osVersion = selectedOS === 'X11' ? 'Linux x86_64' : selectedOS === 'Macintosh' ? 'Intel Mac OS X 10_15_7' : 'Win64; x64';

  return `Mozilla/5.0 (${selectedOS}; ${osVersion}) AppleWebKit/537.36 (KHTML, like Gecko) ${browser}/${version}.0.0.0 Safari/537.36`;
}

async function loginAccount(account) {
  const { username, password, panelnum, type, cronCommands } = account
  let baseUrl = type === 'ct8' 
    ? 'https://panel.ct8.pl' 
    : `https://panel${panelnum}.serv00.com`
  let loginUrl = `${baseUrl}/login/?next=/cron/`

  const userAgent = generateRandomUserAgent();

  try {
    const response = await fetch(loginUrl, {
      method: 'GET',
      headers: {
        'User-Agent': userAgent,
      },
    })

    const pageContent = await response.text()
    const csrfMatch = pageContent.match(/name="csrfmiddlewaretoken" value="([^"]*)"/)
    const csrfToken = csrfMatch ? csrfMatch[1] : null

    if (!csrfToken) {
      throw new Error('CSRF token not found')
    }

    const initialCookies = response.headers.get('set-cookie') || ''

    const formData = new URLSearchParams({
      'username': username,
      'password': password,
      'csrfmiddlewaretoken': csrfToken,
      'next': '/cron/'
    })

    const loginResponse = await fetch(loginUrl, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
        'Referer': loginUrl,
        'User-Agent': userAgent,
        'Cookie': initialCookies,
      },
      body: formData.toString(),
      redirect: 'manual'
    })

    if (loginResponse.status === 302 && loginResponse.headers.get('location') === '/cron/') {
      const loginCookies = loginResponse.headers.get('set-cookie') || ''
      const allCookies = combineCookies(initialCookies, loginCookies)

      // 访问 cron 列表页面
      const cronListUrl = `${baseUrl}/cron/`
      const cronListResponse = await fetch(cronListUrl, {
        headers: {
          'Cookie': allCookies,
          'User-Agent': userAgent,
        }
      })
      const cronListContent = await cronListResponse.text()

      console.log(`Cron list URL: ${cronListUrl}`)
      console.log(`Cron list response status: ${cronListResponse.status}`)
      console.log(`Cron list content (first 1000 chars): ${cronListContent.substring(0, 1000)}`)

      let cronResults = [];
      for (const cronCommand of cronCommands) {
        if (!cronListContent.includes(cronCommand)) {
          // 访问添加 cron 任务页面
          const addCronUrl = `${baseUrl}/cron/add`
          const addCronPageResponse = await fetch(addCronUrl, {
            headers: {
              'Cookie': allCookies,
              'User-Agent': userAgent,
              'Referer': cronListUrl,
            }
          })
          const addCronPageContent = await addCronPageResponse.text()

          console.log(`Add cron page URL: ${addCronUrl}`)
          console.log(`Add cron page response status: ${addCronPageResponse.status}`)
          console.log(`Add cron page content (first 1000 chars): ${addCronPageContent.substring(0, 1000)}`)

          const newCsrfMatch = addCronPageContent.match(/name="csrfmiddlewaretoken" value="([^"]*)"/)
          const newCsrfToken = newCsrfMatch ? newCsrfMatch[1] : null

          if (!newCsrfToken) {
            throw new Error('New CSRF token not found for adding cron task')
          }

          const formData = new URLSearchParams({
            'csrfmiddlewaretoken': newCsrfToken,
            'spec': 'manual',
            'minute_time_interval': 'on',
            'minute': '15',
            'hour_time_interval': 'each',
            'hour': '*',
            'day_time_interval': 'each',
            'day': '*',
            'month_time_interval': 'each',
            'month': '*',
            'dow_time_interval': 'each',
            'dow': '*',
            'command': cronCommand,
            'comment': 'Auto added cron job'
          })

          console.log('Form data being sent:', formData.toString())

          const { success, response: addCronResponse, content: addCronResponseContent } = await addCronWithRetry(addCronUrl, {
            method: 'POST',
            headers: {
              'Content-Type': 'application/x-www-form-urlencoded',
              'Cookie': allCookies,
              'User-Agent': userAgent,
              'Referer': addCronUrl,
              'Origin': baseUrl,
              'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8',
              'Accept-Language': 'en-US,en;q=0.5',
              'Upgrade-Insecure-Requests': '1'
            },
            body: formData.toString(),
          })

          console.log('Full response content:', addCronResponseContent)

          if (success) {
            if (addCronResponseContent.includes('Cron job has been added') || addCronResponseContent.includes('Zadanie cron zostało dodane')) {
              const message = `添加了新的 cron 任务：${cronCommand}`;
              console.log(message);
              await sendTelegramMessage(`账号 ${username} (${type}) ${message}`);
              cronResults.push({ success: true, message });
            } else {
              // 如果响应中没有成功信息，再次检查cron列表
              const checkCronListResponse = await fetch(cronListUrl, {
                headers: {
                  'Cookie': allCookies,
                  'User-Agent': userAgent,
                }
              });
              const checkCronListContent = await checkCronListResponse.text();
              
              if (checkCronListContent.includes(cronCommand)) {
                const message = `确认添加了新的 cron 任务：${cronCommand}`;
                console.log(message);
                await sendTelegramMessage(`账号 ${username} (${type}) ${message}`);
                cronResults.push({ success: true, message });
              } else {
                const message = `尝试添加 cron 任务：${cronCommand}，但在列表中未找到。可能添加失败。`;
                console.error(message);
                cronResults.push({ success: false, message });
              }
            }
          } else {
            const message = `添加 cron 任务失败：${cronCommand}`;
            console.error(message);
            cronResults.push({ success: false, message });
          }
        } else {
          const message = `cron 任务已存在：${cronCommand}`;
          console.log(message);
          cronResults.push({ success: true, message });
        }
      }
      return { username, type, cronResults, lastRun: new Date().toISOString() };
    } else {
      const message = `登录失败，未知原因。请检查账号和密码是否正确。`;
      console.error(message);
      return { username, type, cronResults: [{ success: false, message }], lastRun: new Date().toISOString() };
    }
  } catch (error) {
    const message = `登录或添加 cron 任务时出现错误: ${error.message}`;
    console.error(message);
    return { username, type, cronResults: [{ success: false, message }], lastRun: new Date().toISOString() };
  }
}

async function addCronWithRetry(url, options, maxRetries = 3) {
  for (let i = 0; i < maxRetries; i++) {
    try {
      const response = await fetch(url, options);
      const responseContent = await response.text();
      console.log(`Attempt ${i + 1} response status:`, response.status);
      console.log(`Attempt ${i + 1} response content (first 1000 chars):`, responseContent.substring(0, 1000));
      
      if (response.status === 200 || response.status === 302 || responseContent.includes('Cron job has been added') || responseContent.includes('Zadanie cron zostało dodane')) {
        return { success: true, response, content: responseContent };
      }
    } catch (error) {
      console.error(`Attempt ${i + 1} failed:`, error);
    }
    await delay(2000); // Wait 2 seconds before retrying
  }
  return { success: false };
}

function combineCookies(cookies1, cookies2) {
  const cookieMap = new Map()
  
  const parseCookies = (cookieString) => {
    cookieString.split(',').forEach(cookie => {
      const [fullCookie] = cookie.trim().split(';')
      const [name, value] = fullCookie.split('=')
      if (name && value) {
        cookieMap.set(name.trim(), value.trim())
      }
    })
  }

  parseCookies(cookies1)
  parseCookies(cookies2)

  return Array.from(cookieMap.entries()).map(([name, value]) => `${name}=${value}`).join('; ')
}

async function sendTelegramMessage(message) {
  const telegramConfig = JSON.parse(TELEGRAM_JSON)
  const { telegramBotToken, telegramBotUserId } = telegramConfig
  const url = `https://api.telegram.org/bot${telegramBotToken}/sendMessage`
  
  try {
    await fetch(url, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        chat_id: telegramBotUserId,
        text: message
      })
    })
  } catch (error) {
    console.error('Error sending Telegram message:', error)
  }
}

function delay(ms) {
  return new Promise(resolve => setTimeout(resolve, ms))
}

4.设置CRON触发器

建议把时间填 4-12h 为宜

Ser00服务进程保活：可视化面板操作（基于worker）

5.绑定KV

创建一个名为 CRON_RESULTS 的 KV 变量，并绑定

Ser00服务进程保活：可视化面板操作（基于worker）
Ser00服务进程保活：可视化面板操作（基于worker）

6.绑定自定义域

在这里绑定你托管在cf的域名，cf会自动进行设置

Ser00服务进程保活：可视化面板操作（基于worker）

访问面板

浏览器打开你设置的自定义域名，输入密码即可访问面板，然后就可以执行操作

Ser00服务进程保活：可视化面板操作（基于worker）
Ser00服务进程保活：可视化面板操作（基于worker）

前端美化

原帖：一款优雅的 Serv00/CT8 面板监控工具 – 资源荟萃 – LINUX DO

github地址：666OS/Serv00Monitor: 一个优雅的 Serv00/CT8 面板监控工具，基于 Cloudflare Workers

Ser00服务进程保活：可视化面板操作（基于worker）

在上述部署成功的基础上替换worker代码即可

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

addEventListener('scheduled', event => {
  event.waitUntil(handleScheduled(event.scheduledTime))
})

async function handleRequest(request) {
  const url = new URL(request.url)
  
  if (url.pathname === '/login' && request.method === 'POST') {
    const formData = await request.formData()
    const password = formData.get('password')
    
    if (password === PASSWORD) {
      const response = new Response(JSON.stringify({ success: true }), {
        headers: { 'Content-Type': 'application/json' }
      })
      response.headers.set('Set-Cookie', `auth=${PASSWORD}; HttpOnly; Secure; SameSite=Strict; Path=/; Max-Age=86400`)
      return response
    } else {
      return new Response(JSON.stringify({ success: false }), {
        headers: { 'Content-Type': 'application/json' }
      })
    }
  } else if (url.pathname === '/run' && request.method === 'POST') {
    if (!isAuthenticated(request)) {
      return new Response('Unauthorized', { status: 401 })
    }
    
    await handleScheduled(new Date().toISOString())
    const results = await CRON_RESULTS.get('lastResults', 'json')
    return new Response(JSON.stringify(results), {
      headers: { 'Content-Type': 'application/json' }
    })
  } else if (url.pathname === '/results' && request.method === 'GET') {
    if (!isAuthenticated(request)) {
      return new Response(JSON.stringify({ authenticated: false }), {
        headers: { 'Content-Type': 'application/json' }
      })
    }
    const results = await CRON_RESULTS.get('lastResults', 'json')
    return new Response(JSON.stringify({ authenticated: true, results: results || [] }), {
      headers: { 'Content-Type': 'application/json' }
    })
  } else if (url.pathname === '/check-auth' && request.method === 'GET') {
    return new Response(JSON.stringify({ authenticated: isAuthenticated(request) }), {
      headers: { 'Content-Type': 'application/json' }
    })
  } else if (url.pathname === '/run-account' && request.method === 'POST') {
    if (!isAuthenticated(request)) {
      return new Response('Unauthorized', { status: 401 })
    }
    
    // 获取要运行的账号用户名
    const data = await request.json()
    const username = data.username
    
    // 从配置中找到对应账号
    const accountsData = JSON.parse(ACCOUNTS_JSON)
    const account = accountsData.accounts.find(acc => acc.username === username)
    
    if (!account) {
      return new Response(JSON.stringify({ error: 'Account not found' }), {
        status: 404,
        headers: { 'Content-Type': 'application/json' }
      })
    }

    // 只运行这一个账号
    const result = await loginAccount(account)
    
    // 获取之前的结果并更新
    let allResults = await CRON_RESULTS.get('lastResults', 'json') || []
    const index = allResults.findIndex(r => r.username === username)
    if (index >= 0) {
      allResults[index] = result
    } else {
      allResults.push(result)
    }
    await CRON_RESULTS.put('lastResults', JSON.stringify(allResults))

    return new Response(JSON.stringify(result), {
      headers: { 'Content-Type': 'application/json' }
    })
  } else {
    // 显示登录页面或结果页面的 HTML
    return new Response(getHtmlContent(), {
      headers: { 'Content-Type': 'text/html' },
    })
  }
}

function isAuthenticated(request) {
  const cookies = request.headers.get('Cookie')
  if (cookies) {
    const authCookie = cookies.split(';').find(c => c.trim().startsWith('auth='))
    if (authCookie) {
      const authValue = authCookie.split('=')[1]
      return authValue === PASSWORD
    }
  }
  return false
}

function getHtmlContent() {
  return `
  <!DOCTYPE html>
  <html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <meta name="description" content="Serv00 Monitor - 服务器监控面板">
    <meta name="keywords" content="serv00, monitor, dashboard, 监控">
    <meta name="author" content="YYDS666">
    <meta name="theme-color" content="#ee7752">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    
    <!-- 网站图标 -->
    <link rel="icon" type="image/png" href="https://api.dicebear.com/7.x/bottts/svg?seed=monitor">
    <link rel="apple-touch-icon" href="https://api.dicebear.com/7.x/bottts/svg?seed=monitor">
    
    <title>Serv00 Monitor | 服务器监控面板</title>

    <!-- 现有的样式表链接 -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
    
    <!-- 现在的样式代码 -->
    <style>
      :root {
        --light-bg: #ffffff;
        --light-surface: #f8fafc;
        --light-text: #0f172a;
        --light-text-secondary: #64748b;
        --light-border: #e2e8f0;
        --light-primary: #3b82f6;
        
        --dark-bg: #0f172a;
        --dark-surface: #1e293b;
        --dark-text: #f8fafc;
        --dark-text-secondary: #94a3b8;
        --dark-border: #334155;
        --dark-primary: #60a5fa;
        
        --success-color: #10b981;
        --failed-color: #ef4444;
        
        --gradient-1: #ee7752;
        --gradient-2: #e73c7e;
        --gradient-3: #23a6d5;
        --gradient-4: #23d5ab;
        
        --dark-gradient-1: #2d3748;
        --dark-gradient-2: #1a202c;
        --dark-gradient-3: #2c5282;
        --dark-gradient-4: #2d3748;
      }

      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      }

      body {
        margin: 0;
        padding: 0;
        min-height: 100vh;
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
        background: linear-gradient(to right, rgb(64, 224, 208), rgb(255, 140, 0), rgb(255, 0, 128));
        background-attachment: fixed;
        background-size: cover;
        -webkit-overflow-scrolling: touch;
      }

      body.dark {
        background: linear-gradient(to right, rgb(32, 112, 104), rgb(128, 70, 0), rgb(128, 0, 64));
        background-attachment: fixed;
        background-size: 100% 100%;
      }

      .theme-toggle {
        position: absolute;
        top: calc(20px + env(safe-area-inset-top));
        right: 20px;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-tap-highlight-color: transparent;
      }

      .theme-toggle:hover {
        background: transparent !important;
        transform: none;
      }

      .theme-toggle:active {
        background: transparent !important;
      }

      .theme-toggle i {
        font-size: 24px;
        transition: all 0.3s ease;
        background: transparent !important;
      }

      .theme-toggle.light i {
        color: #f59e0b;
      }

      .theme-toggle.dark i {
        color: #e5e7eb;
      }

      .theme-toggle.light,
      .theme-toggle.dark {
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
      }

      .login-container {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        max-width: 400px;
        padding: 2rem;
        display: none;
      }

      #loginForm {
        padding: 2rem;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(10px);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        border: 1px solid rgba(255, 255, 255, 0.18);
      }

      #loginForm.dark {
        background: rgba(30, 41, 59, 0.9);
        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
        border: 1px solid rgba(255, 255, 255, 0.1);
      }

      .logo {
        font-size: 1.75rem;
        font-weight: 600;
        margin-bottom: 2rem;
        text-align: center;
        color: var(--light-text);
      }

      .logo.dark {
        color: var(--dark-text);
      }

      .logo span {
        color: inherit;
      }

      input {
        width: 100%;
        padding: 1rem;
        border-radius: 12px;
        border: 2px solid transparent;
        font-size: 1rem;
        margin-bottom: 1rem;
        transition: all 0.2s;
      }

      input.light {
        background: var(--light-bg);
        border-color: var(--light-border);
        color: var(--light-text);
      }

      input.dark {
        background: var(--dark-surface);
        border-color: var(--dark-border);
        color: var(--dark-text);
      }

      button {
        width: 100%;
        padding: 1rem;
        border-radius: 12px;
        border: none;
        font-size: 1rem;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.2s;
      }

      button.light {
        background: var(--light-primary);
        color: white;
      }

      button.dark {
        background: var(--dark-primary);
        color: var(--dark-bg);
      }

      button:hover {
        opacity: 0.9;
      }

      #dashboard {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        background: var(--light-bg);
        transition: background-color 0.2s;
        margin: 0;
        padding: 0;
        display: none;
      }

      #dashboard.dark {
        background: var(--dark-bg);
      }

      .dashboard-header {
        position: relative;
        width: 100%;
        height: 240px;
        background: linear-gradient(to right, rgb(64, 224, 208), rgb(255, 140, 0), rgb(255, 0, 128));
        background-size: 100% 100%;
        margin: 0 0 40px 0;
        padding-bottom: 80px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
      }

      .dark .dashboard-header {
        background: linear-gradient(to right, rgb(32, 112, 104), rgb(128, 70, 0), rgb(128, 0, 64));
        background-size: 100% 100%;
      }

      .dashboard-header h1 {
        color: white;
        font-size: 2.2rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        letter-spacing: 0.1em;
      }

      .dashboard-header h3 {
        color: white;
        font-size: 1rem;
        font-weight: 400;
        opacity: 0.7;
      }

      .dashboard-header button {
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        max-width: 200px;
        padding: 1.2rem 2.5rem;
        font-size: 1.1rem;
        font-weight: 600;
        border-radius: 50px;
        background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
        color: white;
        border: none;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
        transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }

      .dashboard-header button:hover,
      .dashboard-header button.light:hover,
      .dashboard-header button.dark:hover {
        transform: translateX(-50%);
        background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
        opacity: 1;
      }

      .dashboard-header button:active,
      .dashboard-header button.light:active,
      .dashboard-header button.dark:active {
        transform: translateX(-50%);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
      }

      .dashboard-header button.light,
      .dashboard-header button.dark {
        background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
        color: white;
      }

      #status {
        width: 100%;
        margin: 2rem 0 0 0;
        text-align: center;
        font-size: 14px;
        min-height: 24px;
        color: var(--light-text);
      }

      #dashboard.dark #status {
        color: var(--dark-text);
      }

      .dashboard-grid {
        flex: 1;
        padding-bottom: 20px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        gap: 2rem;
        width: 100%;
        max-width: 1400px;
        margin: 30px auto;
        padding: 0 2rem;
        margin-top: 2rem;
      }

      @media (min-width: 1200px) {
        .dashboard-grid {
          grid-template-columns: repeat(3, 1fr);
        }
      }

      @media (max-width: 1199px) {
        .dashboard-grid {
          grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        }
      }

      .account-card {
        position: relative;
        padding: 1.5rem;
        background: var(--light-surface);
        border: 1px solid var(--light-border);
        border-radius: 12px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
        display: flex;
        flex-direction: column;
        gap: 1rem;
      }

      .account-card.dark {
        background: var(--dark-surface);
        border-color: var(--dark-border);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      }

      .account-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      }

      .account-card.dark:hover {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
      }

      .account-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
      }

      .account-header.dark {
        border-color: var(--dark-border);
      }

      .account-info-group {
        display: flex;
        align-items: center;
        gap: 1rem;
      }

      .account-info {
        flex-grow: 1;
      }

      .account-name {
        font-weight: 600;
        font-size: 1.1rem;
        margin-bottom: 0.25rem;
        color: var(--light-text);
      }

      .account-name.dark {
        color: var(--dark-text);
      }

      .account-type {
        color: var(--light-text-secondary);
        font-size: 0.875rem;
      }

      .cron-item {
        padding: 0.75rem 1rem;
        background: transparent;
        position: relative;
        border-bottom: 1px solid var(--light-border);
      }

      .cron-item:last-child {
        border-bottom: none;
      }

      .dark .cron-item {
        border-bottom-color: var(--dark-border);
      }

      .cron-status {
        display: flex;
        align-items: center;
        gap: 0.5rem;
      }

      .cron-status i {
        font-size: 18px;
      }

      .cron-message {
        margin-top: 0.5rem;
        padding: 0.75rem;
        background: var(--light-bg);
        border-radius: 6px;
        font-family: monospace;
        font-size: 0.875rem;
        line-height: 1.5;
        color: var(--light-text);
        word-break: break-word;
        overflow-wrap: break-word;
        max-height: 150px;
        overflow-y: auto;
        display: none;
      }

      .cron-message.dark {
        background: var(--dark-bg);
        color: var(--dark-text);
      }

      .last-run {
        font-size: 0.75rem;
        color: var(--light-text-secondary);
        display: flex;
        align-items: center;
        gap: 0.25rem;
      }

      .dark .last-run {
        color: var(--dark-text-secondary);
      }

      .last-run i {
        font-size: 14px;
      }

      .account-avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: var(--light-bg);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
      }

      .account-avatar.dark {
        background: var(--dark-bg);
      }

      .account-avatar i {
        font-size: 24px;
        color: var(--light-text-secondary);
      }

      .account-type {
        display: flex;
        align-items: center;
        gap: 4px;
        color: var(--light-text-secondary);
      }

      .account-type.dark {
        color: var(--dark-text-secondary);
      }

      .cron-status {
        display: flex;
        align-items: center;
        gap: 6px;
      }

      .cron-status i {
        font-size: 20px;
      }

      .last-run {
        display: flex;
        align-items: center;
        gap: 4px;
      }

      .last-run i {
        color: var(--light-text-secondary);
      }

      .last-run.dark i {
        color: var(--dark-text-secondary);
      }

      /* 美化滚动条 */
      .cron-message::-webkit-scrollbar {
        width: 6px;
      }

      .cron-message::-webkit-scrollbar-track {
        background: transparent;
      }

      .cron-message::-webkit-scrollbar-thumb {
        background-color: var(--light-border);
        border-radius: 3px;
      }

      .cron-message.dark::-webkit-scrollbar-thumb {
        background-color: var(--dark-border);
      }

      .cron-status i.success {
        color: var(--success-color);
      }

      .cron-status i.failed {
        color: var(--failed-color);
      }

      .cron-status span.success {
        color: var(--success-color);
      }

      .cron-status span.failed {
        color: var(--failed-color);
      }

      .dark .cron-status i.success {
        color: #4ade80;
      }

      .dark .cron-status i.failed {
        color: #f87171;
      }

      .dark .cron-status span.success {
        color: #4ade80;
      }

      .dark .cron-status span.failed {
        color: #f87171;
      }

      .dark .cron-message.success {
        background: var(--dark-success-bg);
        color: var(--dark-message-success-color);
      }

      .dark .cron-message.failed {
        background: var(--dark-failed-bg);
        color: var(--dark-message-failed-color);
      }

      .cron-message.show {
        display: block;
      }
      /* 修改成功状态脚本路径样式 light */
      .cron-message.success.light {
        background: var(--light-bg);
        color: var(--light-text-secondary);
      }
      /* 修改成功动态脚本路径样式 dark */
      .cron-message.success.dark {
        background: var(--dark-bg);
        color: var(--dark-text-secondary);
      }

      /* 添加一个加载状态的容器 */
      .loading-container {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        height: -webkit-fill-available;
        background: linear-gradient(to right, rgb(64, 224, 208), rgb(255, 140, 0), rgb(255, 0, 128));
        z-index: 1000;
      }

      /* 移除 loading 文字 */
      .loading-container span {
        display: none;
      }

      /* 修改页脚样式 */
      .footer {
        width: 100%;
        text-align: center;
        padding: 15px 0;
        margin-top: 30px;
        font-size: 0.875rem;
        color: var(--light-text-secondary);
        opacity: 0.8;
        background: transparent;
      }

      .footer.dark {
        color: var(--dark-text-secondary);
      }

      /* 修改 dashboard 容器样式 */
      #dashboard {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        position: relative;
      }

      /* dashboard-grid 样式调整 */
      .dashboard-grid {
        flex: 1;
        padding-bottom: 20px;
      }

      /* 内容包器样式 */
      .content-wrapper {
        flex: 1;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
      }

      /* 当内容高度小于视口高度时，footer 固定在底部 */
      @media screen and (min-height: calc(100vh - 100px)) {
        .footer {
          position: absolute;
          bottom: 0;
          left: 0;
        }
      }

      .footer a {
        color: inherit;
        text-decoration: none;
        font-weight: 500;
      }

      .footer a:hover {
        text-decoration: underline;
      }

      /* 修改 loginForm 内的 logo 样式 */
      #loginForm.light .logo {
        color: var(--light-text);
      }

      #loginForm.dark .logo {
        color: var(--dark-text);
      }

      /* 基础 logo 样式保持不变 */
      .logo {
        font-size: 1.75rem;
        font-weight: 600;
        margin-bottom: 2rem;
        text-align: center;
      }

      /* 确保 logo 中的 span 也继承颜色 */
      .logo span {
        color: inherit;
      }

      .run-single-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 34px;
        padding: 0;
        border-radius: 17px;
        border: none;
        cursor: pointer;
        font-size: 0.75rem;
        font-weight: 500;
        transition: all 0.3s ease;
        background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
        color: white;
        margin-left: auto;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }

      .run-single-btn.dark {
        background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
        color: white;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      }

      .run-single-btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        opacity: 0.95;
      }

      .run-single-btn:active {
        transform: translateY(0);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      }

      /* 确保渐变色不会被其他样式覆盖 */
      .run-single-btn,
      .run-single-btn.light,
      .run-single-btn.dark {
        background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61)) !important;
      }

      .cron-results-container {
        background: var(--light-bg);
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid var(--light-border);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
      }

      .dark .cron-results-container {
        background: var(--dark-surface);
        border-color: var(--dark-border);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      }

      .cron-item {
        padding: 0.75rem 1rem;
        background: transparent;
        position: relative;
        border-bottom: 1px solid var(--light-border);
      }

      .cron-item:last-child {
        border-bottom: none;
      }

      .dark .cron-item {
        border-bottom-color: var(--dark-border);
      }

      .cron-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
      }

      .script-name {
        font-size: 0.9rem;
        color: var(--light-text);
        font-weight: 500;
        margin-right: 0.5rem;
      }

      .dark .script-name {
        color: var(--dark-text);
      }

      .status-text {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
        border-radius: 12px;
        background: rgba(16, 185, 129, 0.1);
      }

      .status-text.success {
        color: var(--success-color);
        background: rgba(16, 185, 129, 0.1);
      }

      .status-text.failed {
        color: var(--failed-color);
        background: rgba(239, 68, 68, 0.1);
      }

      .dark .status-text.success {
        background: rgba(74, 222, 128, 0.1);
      }

      .dark .status-text.failed {
        background: rgba(248, 113, 113, 0.1);
      }

      .last-run {
        font-size: 0.75rem;
        color: var(--light-text-secondary);
        display: flex;
        align-items: center;
        gap: 0.25rem;
      }

      .dark .last-run {
        color: var(--dark-text-secondary);
      }

      .cron-status i.success {
        color: var(--success-color);
      }

      .cron-status i.failed {
        color: var(--failed-color);
      }

      .dark .cron-status i.success {
        color: #4ade80;
      }

      .dark .cron-status i.failed {
        color: #f87171;
      }

      /* 成功状态图标样式 */
      .cron-status i.success {
        color: var(--success-color);
        font-size: 20px;
      }

      /* 失败状态图标样式 */
      .cron-status i.failed {
        color: var(--failed-color);
        font-size: 20px;
      }

      /* 深色模式下的图标颜色 */
      .dark .cron-status i.success {
        color: #4ade80;  /* 深色模式下的成功颜色 */
      }

      .dark .cron-status i.failed {
        color: #f87171;  /* 深色模式下的失败颜色 */
      }

      /* 调整图标与文字的对齐 */
      .cron-status {
        display: flex;
        align-items: center;
        gap: 8px;  /* 增加图标和文字之间的间距 */
      }
    </style>
  </head>
  <body class="light">
    <button id="themeToggle" class="theme-toggle light" onclick="toggleTheme()">
      <i class="material-icons-round">light_mode</i>
    </button>

    <!-- 添加加载状态容器 -->
    <div class="loading-container">
      <!-- 移除了 <span>Loading...</span> -->
    </div>

    <div class="page-container">
      <div class="content-wrapper">
        <!-- 登录容器 -->
        <div class="login-container">
          <div id="loginForm" class="light">
            <div class="logo">
              <span>Serv00 Monitor</span>
            </div>
            <input type="password" id="password" placeholder="密 码" class="light">
            <button onclick="login()" class="light">登 录</button>
          </div>
        </div>

        <!-- 仪表板 -->
        <div id="dashboard" class="light">
          <div class="dashboard-header">
            <h1>Serv00 Monitor</h1>
            <h3>Serv00 Panel for Cloudflare Workers</h3>
            <button onclick="runScript()" class="light">运行全部脚本</button>
          </div>
          <div id="status"></div>
          <div id="resultsGrid" class="dashboard-grid"></div>
          
          <!-- 添加页脚 -->
          <footer class="footer light">
            <span>&copy; MJJ <span id="year"></span> . All rights reserved.</span>
          </footer>
        </div>
      </div>
    </div>

    <script>
      let password = '';

      function showLoginForm() {
        document.querySelector('.loading-container').style.display = 'none';
        document.querySelector('.login-container').style.display = 'block';
        document.getElementById('dashboard').style.display = 'none';
      }

      function showDashboard() {
        document.querySelector('.loading-container').style.display = 'none';
        document.querySelector('.login-container').style.display = 'none';
        document.getElementById('dashboard').style.display = 'block';
        fetchResults();
      }

      async function checkAuth() {
        try {
          const response = await fetch('/check-auth');
          const data = await response.json();
          if (data.authenticated) {
            showDashboard();
          } else {
            showLoginForm();
          }
        } catch (error) {
          console.error('Auth check failed:', error);
          showLoginForm();
        }
      }

      async function login() {
        password = document.getElementById('password').value;
        const formData = new FormData();
        formData.append('password', password);
        const response = await fetch('/login', { 
          method: 'POST',
          body: formData
        });
        const result = await response.json();
        if (result.success) {
          showDashboard();
        } else {
          alert('Incorrect password');
        }
      }

      function toggleTheme() {
        const body = document.body;
        const isDark = body.classList.contains('dark');
        const newTheme = isDark ? 'light' : 'dark';
        
        // 更新状态栏颜色
        const metaThemeColor = document.querySelector('meta[name="theme-color"]');
        if (newTheme === 'dark') {
          metaThemeColor.setAttribute('content', '#000000'); // 深色模式使用黑色
        } else {
          metaThemeColor.setAttribute('content', '#ffffff'); // 浅色模式使用白色
        }
        
        // 原有的主题切换逻辑
        document.querySelectorAll('[class*="dark"], [class*="light"]').forEach(element => {
          element.classList.remove('dark', 'light');
          element.classList.add(newTheme);
        });

        const themeToggle = document.getElementById('themeToggle');
        if (themeToggle) {
          themeToggle.innerHTML = '<i class="material-icons-round">' + 
            (newTheme === 'dark' ? 'dark_mode' : 'light_mode') + '</i>';
        }

        // 更新页脚样式
        const footer = document.querySelector('.footer');
        if (footer) {
          footer.classList.remove('dark', 'light');
          footer.classList.add(newTheme);
        }

        // 更新 dashboard-header 按钮样式
        const dashboardButton = document.querySelector('.dashboard-header button');
        if (dashboardButton) {
          dashboardButton.className = 'light';
          dashboardButton.classList.add(newTheme);
        }
      }

      document.getElementById('password').addEventListener('keypress', function(e) {
        if (e.key === 'Enter') {
          login();
        }
      });

      document.addEventListener('DOMContentLoaded', checkAuth);

      async function runScript() {
        const statusDiv = document.getElementById('status');
        statusDiv.textContent = '全部脚本执行中，耐心等待几分钟...';
        try {
          const response = await fetch('/run', { method: 'POST' });
          if (response.ok) {
            const results = await response.json();
            displayResults(results);
            statusDiv.textContent = '全部脚本已成功执行完毕!';
          } else if (response.status === 401) {
            statusDiv.textContent = '未经授权，请重新登录';
            showLoginForm();  
          } else {
            statusDiv.textContent = '部分脚本执行出错，自行检查!';
          }
        } catch (error) {
          statusDiv.textContent = '错误: ' + error.message;
        }
      }

      async function fetchResults() {
        try {
          const response = await fetch('/results');
          if (response.ok) {
            const data = await response.json();
            if (data.authenticated) {
              displayResults(data.results);
            } else {
              showLoginForm();
            }
          } else {
            console.error('Failed to fetch results');
            showLoginForm();
          }
        } catch (error) {
          console.error('Error fetching results:', error);
          showLoginForm();
        }
      }

      function displayResults(results) {
        const grid = document.getElementById('resultsGrid');
        grid.innerHTML = '';
        const theme = document.body.classList.contains('dark') ? 'dark' : 'light';
        
        results.forEach(result => {
          const card = document.createElement('div');
          card.className = 'account-card ' + theme;
          
          let panelInfo;
          if (result.type === 'ct8') {
            panelInfo = 'CT8';
          } else {
            panelInfo = 'Serv00 ' + result.panelnum + '区';
          }
          
          const avatarUrl = 'https://api.dicebear.com/7.x/bottts/svg?seed=' + encodeURIComponent(result.username);
          
          card.innerHTML = 
            '<div class="account-header ' + theme + '">' +
              '<div class="account-info-group">' +
                '<div class="account-avatar ' + theme + '">' +
                  '<img src="' + avatarUrl + '" alt="avatar" style="width: 100%; height: 100%; border-radius: 50%;">' +
                '</div>' +
                '<div class="account-info">' +
                  '<div class="account-name ' + theme + '">' + result.username + '</div>' +
                  '<div class="account-type ' + theme + '">' +
                    '<span>' + panelInfo + '</span>' +
                  '</div>' +
                '</div>' +
              '</div>' +
              '<button onclick="runSingleAccount(\\\'' + result.username + '\\\')" class="run-single-btn ' + theme + '">' +
                '运 行' +
              '</button>' +
            '</div>' +
            '<div class="cron-results-container ' + theme + '">' +
              result.cronResults.map(cronResult => {
                const statusIcon = cronResult.success ? 'check_circle' : 'error';
                const statusText = cronResult.success ? 'success' : 'failed';
                const fileName = cronResult.message.split('/').pop();
                
                return '<div class="cron-item ' + theme + '">' +
                  '<div class="cron-header">' +
                    '<div class="cron-status">' +
                      '<i class="material-icons-round ' + statusText + '">' +
                        (cronResult.success ? 'check_circle' : 'error') +
                      '</i>' +
                      '<span class="script-name">' + fileName + '</span>' +
                      '<span class="status-text ' + statusText + '">' + statusText + '</span>' +
                    '</div>' +
                    '<div class="last-run ' + theme + '">' +
                      new Date(result.lastRun).toLocaleString(undefined, {
                        month: '2-digit',
                        day: '2-digit',
                        hour: '2-digit',
                        minute: '2-digit',
                      }) +
                    '</div>' +
                  '</div>' +
                '</div>';
              }).join('') +
            '</div>';
          
          grid.appendChild(card);
        });

        document.querySelectorAll('.message-toggle').forEach(toggle => {
          toggle.addEventListener('click', function() {
            const message = this.nextElementSibling;
            const isShown = message.classList.contains('show');
            message.classList.toggle('show');
            this.textContent = isShown ? '查看脚本 ▼' : '隐藏脚本 ▲';
          });
        });
      }

      document.addEventListener('click', function(e) {
        if (e.target.classList.contains('message-toggle')) {
          const messageElement = e.target.nextElementSibling;
          const isShown = messageElement.classList.contains('show');
          
          messageElement.classList.toggle('show');
          e.target.textContent = isShown ? '查看脚本 ▼' : '隐藏脚本 ▲';
        }
      });

      // 在页面加载时根据系统主题设置初始状态栏颜色
      document.addEventListener('DOMContentLoaded', () => {
        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
        const metaThemeColor = document.querySelector('meta[name="theme-color"]');
        
        // 设置初始主题
        if (prefersDark) {
          document.body.classList.add('dark');
          document.body.classList.remove('light');
          metaThemeColor.setAttribute('content', '#000000');
          
          // 更新所有带主题类的元素
          document.querySelectorAll('[class*="light"]').forEach(element => {
            element.classList.remove('light');
            element.classList.add('dark');
          });
          
          // 更新主题切换按钮
          const themeToggle = document.getElementById('themeToggle');
          if (themeToggle) {
            themeToggle.classList.remove('light');
            themeToggle.classList.add('dark');
            themeToggle.innerHTML = '<i class="material-icons-round">dark_mode</i>';
          }
        } else {
          document.body.classList.add('light');
          document.body.classList.remove('dark');
          metaThemeColor.setAttribute('content', '#ffffff');
          
          // 更新所有带主题类的元素
          document.querySelectorAll('[class*="dark"]').forEach(element => {
            element.classList.remove('dark');
            element.classList.add('light');
          });
          
          // 更新主题切换按钮
          const themeToggle = document.getElementById('themeToggle');
          if (themeToggle) {
            themeToggle.classList.remove('dark');
            themeToggle.classList.add('light');
            themeToggle.innerHTML = '<i class="material-icons-round">light_mode</i>';
          }
        }
      });

      // 设置动态年份
      document.getElementById('year').textContent = new Date().getFullYear();

      // 添加单独运行账号的函数
      async function runSingleAccount(username) {
        const statusDiv = document.getElementById('status');
        statusDiv.textContent = '正在运行 ' + username + ' 账号脚本...';
        
        try {
          const response = await fetch('/run-account', {
            method: 'POST',
            headers: {
              'Content-Type': 'application/json'
            },
            body: JSON.stringify({ username })
          });
          
          if (response.ok) {
            const result = await response.json();
            const results = await (await fetch('/results')).json();
            if (results.authenticated) {
              displayResults(results.results);
              statusDiv.textContent = username + ' 账号脚本已完成!';
            }
          } else if (response.status === 401) {
            statusDiv.textContent = '未授权。请重新登录';
            showLoginForm();
          } else {
            statusDiv.textContent = username + ' 账号脚本执行出错!';
          }
        } catch (error) {
          statusDiv.textContent = '错误: ' + error.message;
        }
      }

      function toggleMessage(element) {
        const message = element.nextElementSibling;
        const isShown = message.classList.contains('show');
        message.classList.toggle('show');
        element.textContent = isShown ? '查看脚本 ▼' : '隐藏脚本 ▲';
      }
    </script>
  </body>
  </html>
  `;
}

async function handleScheduled(scheduledTime) {
  const accountsData = JSON.parse(ACCOUNTS_JSON);
  const accounts = accountsData.accounts;
  
  let results = [];
  for (const account of accounts) {
    const result = await loginAccount(account);
    results.push(result);
    await delay(Math.floor(Math.random() * 8000) + 1000);
  }

  // 保存结果到 KV 存储
  await CRON_RESULTS.put('lastResults', JSON.stringify(results));
}

function generateRandomUserAgent() {
  const browsers = ['Chrome', 'Firefox', 'Safari', 'Edge', 'Opera'];
  const browser = browsers[Math.floor(Math.random() * browsers.length)];
  const version = Math.floor(Math.random() * 100) + 1;
  const os = ['Windows NT 10.0', 'Macintosh', 'X11'];
  const selectedOS = os[Math.floor(Math.random() * os.length)];
  const osVersion = selectedOS === 'X11' ? 'Linux x86_64' : selectedOS === 'Macintosh' ? 'Intel Mac OS X 10_15_7' : 'Win64; x64';

  return `Mozilla/5.0 (${selectedOS}; ${osVersion}) AppleWebKit/537.36 (KHTML, like Gecko) ${browser}/${version}.0.0.0 Safari/537.36`;
}

async function loginAccount(account) {
  const { username, password, panelnum, type, cronCommands } = account;
  let baseUrl = type === 'ct8' 
    ? 'https://panel.ct8.pl' 
    : `https://panel${panelnum}.serv00.com`;
  let loginUrl = `${baseUrl}/login/?next=/cron/`;

  const userAgent = generateRandomUserAgent();

  try {
    const response = await fetch(loginUrl, {
      method: 'GET',
      headers: {
        'User-Agent': userAgent,
      },
    })

    const pageContent = await response.text()
    const csrfMatch = pageContent.match(/name="csrfmiddlewaretoken" value="([^"]*)"/)
    const csrfToken = csrfMatch ? csrfMatch[1] : null

    if (!csrfToken) {
      throw new Error('CSRF token not found')
    }

    const initialCookies = response.headers.get('set-cookie') || ''

    const formData = new URLSearchParams({
      'username': username,
      'password': password,
      'csrfmiddlewaretoken': csrfToken,
      'next': '/cron/'
    })

    const loginResponse = await fetch(loginUrl, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
        'Referer': loginUrl,
        'User-Agent': userAgent,
        'Cookie': initialCookies,
      },
      body: formData.toString(),
      redirect: 'manual'
    })

    if (loginResponse.status === 302 && loginResponse.headers.get('location') === '/cron/') {
      const loginCookies = loginResponse.headers.get('set-cookie') || ''
      const allCookies = combineCookies(initialCookies, loginCookies)

      // 访问 cron 列表页面
      const cronListUrl = `${baseUrl}/cron/`
      const cronListResponse = await fetch(cronListUrl, {
        headers: {
          'Cookie': allCookies,
          'User-Agent': userAgent,
        }
      })
      const cronListContent = await cronListResponse.text()

      console.log(`Cron list URL: ${cronListUrl}`)
      console.log(`Cron list response status: ${cronListResponse.status}`)
      console.log(`Cron list content (first 1000 chars): ${cronListContent.substring(0, 1000)}`)

      let cronResults = [];
      for (const cronCommand of cronCommands) {
        if (!cronListContent.includes(cronCommand)) {
          // 访问添加 cron 任务页面
          const addCronUrl = `${baseUrl}/cron/add`
          const addCronPageResponse = await fetch(addCronUrl, {
            headers: {
              'Cookie': allCookies,
              'User-Agent': userAgent,
              'Referer': cronListUrl,
            }
          })
          const addCronPageContent = await addCronPageResponse.text()

          console.log(`Add cron page URL: ${addCronUrl}`)
          console.log(`Add cron page response status: ${addCronPageResponse.status}`)
          console.log(`Add cron page content (first 1000 chars): ${addCronPageContent.substring(0, 1000)}`)

          const newCsrfMatch = addCronPageContent.match(/name="csrfmiddlewaretoken" value="([^"]*)"/)
          const newCsrfToken = newCsrfMatch ? newCsrfMatch[1] : null

          if (!newCsrfToken) {
            throw new Error('New CSRF token not found for adding cron task')
          }

          const formData = new URLSearchParams({
            'csrfmiddlewaretoken': newCsrfToken,
            'spec': 'manual',
            'minute_time_interval': 'on',
            'minute': '15',
            'hour_time_interval': 'each',
            'hour': '*',
            'day_time_interval': 'each',
            'day': '*',
            'month_time_interval': 'each',
            'month': '*',
            'dow_time_interval': 'each',
            'dow': '*',
            'command': cronCommand,
            'comment': 'Auto added cron job'
          })

          console.log('Form data being sent:', formData.toString())

          const { success, response: addCronResponse, content: addCronResponseContent } = await addCronWithRetry(addCronUrl, {
            method: 'POST',
            headers: {
              'Content-Type': 'application/x-www-form-urlencoded',
              'Cookie': allCookies,
              'User-Agent': userAgent,
              'Referer': addCronUrl,
              'Origin': baseUrl,
              'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8',
              'Accept-Language': 'en-US,en;q=0.5',
              'Upgrade-Insecure-Requests': '1'
            },
            body: formData.toString(),
          })

          console.log('Full response content:', addCronResponseContent)

          if (success) {
            if (addCronResponseContent.includes('Cron job has been added') || addCronResponseContent.includes('Zadanie cron zostało dodane')) {
              const message = `添加新的 cron 任务：${cronCommand}`;
              console.log(message);
              await sendTelegramMessage(`账号 ${username} (${type}) ${message}`);
              cronResults.push({ success: true, message });
            } else {
              // 如果响应中没有成功信息，再次检查cron列表
              const checkCronListResponse = await fetch(cronListUrl, {
                headers: {
                  'Cookie': allCookies,
                  'User-Agent': userAgent,
                }
              });
              const checkCronListContent = await checkCronListResponse.text();
              
              if (checkCronListContent.includes(cronCommand)) {
                const message = `添加了新的 cron 任务：${cronCommand}`;
                console.log(message);
                await sendTelegramMessage(`账号 ${username} (${type}) ${message}`);
                cronResults.push({ success: true, message });
              } else {
                const message = `尝试添加 cron 任务：${cronCommand}，但在列表中找不到可能添加失败`;
                console.error(message);
                cronResults.push({ success: false, message });
              }
            }
          } else {
            const message = `添加 cron 任务失败：${cronCommand}`;
            console.error(message);
            cronResults.push({ success: false, message });
          }
        } else {
          const message = `${cronCommand}`;
          console.log(message);
          cronResults.push({ success: true, message });
        }
      }
      return { 
        username, 
        type, 
        panelnum,
        cronResults, 
        lastRun: new Date().toISOString() 
      };
    } else {
      const message = `登录失败，未找到原因。请检查账号和密码是否正确`;
      console.error(message);
      return { 
        username, 
        type, 
        panelnum,
        cronResults: [{ success: false, message }], 
        lastRun: new Date().toISOString() 
      };
    }
  } catch (error) {
    const message = `登录或添加 cron 任务时现错误: ${error.message}`;
    console.error(message);
    return { 
      username, 
      type, 
      panelnum,
      cronResults: [{ success: false, message }], 
      lastRun: new Date().toISOString() 
    };
  }
}

async function addCronWithRetry(url, options, maxRetries = 3) {
  for (let i = 0; i < maxRetries; i++) {
    try {
      const response = await fetch(url, options);
      const responseContent = await response.text();
      console.log(`Attempt ${i + 1} response status:`, response.status);
      console.log(`Attempt ${i + 1} response content (first 1000 chars):`, responseContent.substring(0, 1000));
      
      if (response.status === 200 || response.status === 302 || responseContent.includes('Cron job has been added') || responseContent.includes('Zadanie cron zostało dodane')) {
        return { success: true, response, content: responseContent };
      }
    } catch (error) {
      console.error(`Attempt ${i + 1} failed:`, error);
    }
    await delay(2000); // Wait 2 seconds before retrying
  }
  return { success: false };
}

function combineCookies(cookies1, cookies2) {
  const cookieMap = new Map()
  
  const parseCookies = (cookieString) => {
    cookieString.split(',').forEach(cookie => {
      const [fullCookie] = cookie.trim().split(';')
      const [name, value] = fullCookie.split('=')
      if (name && value) {
        cookieMap.set(name.trim(), value.trim())
      }
    })
  }

  parseCookies(cookies1)
  parseCookies(cookies2)

  return Array.from(cookieMap.entries()).map(([name, value]) => `${name}=${value}`).join('; ')
}

async function sendTelegramMessage(message) {
  const telegramConfig = JSON.parse(TELEGRAM_JSON)
  const { telegramBotToken, telegramBotUserId } = telegramConfig
  const url = `https://api.telegram.org/bot${telegramBotToken}/sendMessage`
  
  try {
    await fetch(url, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        chat_id: telegramBotUserId,
        text: message
      })
    })
  } catch (error) {
    console.error('Error sending Telegram message:', error)
  }
}

function delay(ms) {
  return new Promise(resolve => setTimeout(resolve, ms))
}

功能特点

  • 安全的密码保护访问机制
  • 优雅的深色 / 浅色主题切换
  • 完美支持移动端显示
  • 一键运行所有服务器脚本
  • 美观的仪表盘界面
  • Telegram 机器人通知
  • 自动添加定时任务
浏览量 27

发布者：木木，转载请注明出处：https://blog.mmcool.site/6103.html

Like (0)
Donate 微信 微信 支付宝 支付宝
木木的头像木木VIP用户
0 0
Previous 2024 年 12 月 10 日 上午11:56
Next 2024 年 12 月 11 日 下午1:55

相关推荐

发表回复

Please Login to Comment
SHARE
TOP
🔈直链网盘域名更换，请将旧域名almondcloud.cn替换为acbox.app即可正常访问！