在网站上展示自定义Discord服务器数据：可行性与实现指南

import fetch from 'node-fetch'; // 在Node.js环境中使用，浏览器环境自带fetch

const GUILD_ID = 'YOUR_DISCORD_SERVER_ID'; // 替换为您的Discord服务器ID
const BOT_TOKEN = 'YOUR_BOT_TOKEN';       // 替换为您的Bot Token，请勿泄露！
const TARGET_ROLE_ID = 'YOUR_ROLE_ID';     // 替换为目标角色的ID

/**
 * 从Discord API获取所有服务器成员，并过滤出具有特定角色的成员。
 * 注意：此API不直接提供实时在线状态。如需实时状态，需结合Discord Gateway (Bot) 实现。
 * @param {string} roleId 要过滤的角色ID
 * @returns {Promise<Array>} 拥有特定角色的成员列表
 */
async function getMembersWithSpecificRole(roleId) {
    let allMembers = [];
    let lastMemberId = '0'; // 用于分页

    while (true) {
        try {
            const response = await fetch(
                `https://discord.com/api/v10/guilds/${GUILD_ID}/members?limit=1000&after=${lastMemberId}`,
                {
                    headers: {
                        'Authorization': `Bot ${BOT_TOKEN}`
                    }
                }
            );

            if (!response.ok) {
                // 处理API限速或其他错误
                const errorData = await response.json();
                console.error(`Error fetching guild members: ${response.status} - ${JSON.stringify(errorData)}`);
                // 如果是限速，可以尝试等待一段时间后重试
                if (response.status === 429) {
                    const retryAfter = response.headers.get('Retry-After');
                    console.warn(`Rate limited. Retrying after ${retryAfter} seconds.`);
                    await new Promise(resolve => setTimeout(resolve, parseInt(retryAfter) * 1000));
                    continue; // 重新尝试当前请求
                }
                throw new Error(`HTTP error! status: ${response.status}`);
            }

            const membersPage = await response.json();
            if (membersPage.length === 0) {
                break; // 没有更多成员了
            }

            allMembers = allMembers.concat(membersPage);
            lastMemberId = membersPage[membersPage.length - 1].user.id; // 更新最后一个成员ID进行下一页请求

            if (membersPage.length < 1000) {
                break; // 已经获取到最后一页
            }

        } catch (error) {
            console.error('Failed to fetch guild members:', error);
            return [];
        }
    }

    // 过滤出拥有特定角色的成员
    const filteredMembers = allMembers.filter(member =>
        member.roles && member.roles.includes(roleId)
    );

    return filteredMembers;
}

// 调用示例
getMembersWithSpecificRole(TARGET_ROLE_ID)
    .then(members => {
        console.log(`Members with role ${TARGET_ROLE_ID}:`, members.map(m => m.user.username));
        // 在前端展示这些成员，例如渲染到HTML列表中
    })
    .catch(error => console.error("Failed to get members:", error));

// 假设您已经从后端API获取到了filteredMembers数据
function displayMembers(members) {
    const container = document.getElementById('members-list');
    if (!container) return;

    container.innerHTML = ''; // 清空现有内容

    if (members.length === 0) {
        container.innerHTML = '<p>没有找到拥有此角色的成员。</p>';
        return;
    }

    const ul = document.createElement('ul');
    members.forEach(member => {
        const li = document.createElement('li');
        const username = member.nick || member.user.global_name || member.user.username; // 优先显示昵称
        li.textContent = username;
        // 可以添加用户头像等信息
        if (member.user.avatar) {
            const avatarUrl = `https://cdn.discordapp.com/avatars/${member.user.id}/${member.user.avatar}.png`;
            const img = document.createElement('img');
            img.src = avatarUrl;
            img.alt = username;
            img.style.width = '24px';
            img.style.height = '24px';
            img.style.borderRadius = '50%';
            img.style.marginRight = '8px';
            li.prepend(img);
        }
        ul.appendChild(li);
    });
    container.appendChild(ul);
}

// 示例调用 (假设在获取数据后执行)
// getMembersWithSpecificRole(TARGET_ROLE_ID).then(members => {
//     displayMembers(members);
// });