如何通过点击特定超链接向Slack频道发送警报

<a href="#" id="alertLink">点击此处发送警报</a>
<!-- 或者，如果链接是动态生成的，确保它有唯一的标识或可通过特定选择器选中 -->

document.addEventListener('DOMContentLoaded', () => {
    const alertLink = document.getElementById('alertLink');

    if (alertLink) {
        alertLink.addEventListener('click', (event) => {
            // 阻止链接的默认行为（如跳转或滚动到顶部）
            event.preventDefault(); 
            console.log('特定链接被点击！准备发送警报...');

            // 调用发送警报的函数
            sendSlackAlert('用户点击了重要链接！');
        });
    } else {
        console.warn('未找到ID为 "alertLink" 的元素。请检查HTML结构。');
    }
});

async function sendSlackAlert(message) {
    const serverEndpoint = '/api/send-slack-alert'; // 你的服务器端点

    try {
        const response = await fetch(serverEndpoint, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({ text: message }),
        });

        if (response.ok) {
            console.log('警报请求已成功发送到服务器。');
            // 可以给用户一些反馈，例如显示一个短暂的成功消息
        } else {
            const errorData = await response.json();
            console.error('发送警报请求失败:', response.status, errorData);
            // 处理错误，例如显示错误消息给用户
        }
    } catch (error) {
        console.error('发送警报请求时发生网络或解析错误:', error);
    }
}

// server.js (Node.js with Express)
const express = require('express');
const bodyParser = require('body-parser');
const axios = require('axios'); // 或者使用内置的 'https' 模块

const app = express();
const PORT = 3000;

// 配置你的Slack Webhook URL
const SLACK_WEBHOOK_URL = 'YOUR_SLACK_WEBHOOK_URL_HERE'; 

app.use(bodyParser.json());

// 允许跨域请求，在生产环境中应更严格配置
app.use((req, res, next) => {
    res.header('Access-Control-Allow-Origin', '*'); 
    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
    next();
});

app.post('/api/send-slack-alert', async (req, res) => {
    const { text } = req.body;

    if (!text) {
        return res.status(400).json({ error: '消息内容不能为空' });
    }

    const slackMessage = {
        text: `【网页警报】: ${text}`,
        // 可以添加更多字段，例如 username, icon_emoji, channel 等
        // username: '网页监控机器人',
        // icon_emoji: ':warning:',
        // channel: '#general' // 如果Webhook URL已指定频道，此处可省略
    };

    try {
        const slackResponse = await axios.post(SLACK_WEBHOOK_URL, slackMessage);
        console.log('Slack警报发送成功:', slackResponse.data);
        res.status(200).json({ message: '警报已发送' });
    } catch (error) {
        console.error('发送Slack警报失败:', error.response ? error.response.data : error.message);
        res.status(500).json({ error: '无法发送警报' });
    }
});

app.listen(PORT, () => {
    console.log(`服务器运行在 http://localhost:${PORT}`);
});