嘿，我来帮你搞定这个需求！要实现Web应用提交表单后，修改原来的内联消息按钮（比如禁用、修改文本或移除），核心是要拿到原内联消息的chat_id和message_id，然后调用Telegram Bot API的编辑方法来更新消息的回复 markup。下面是具体的实现步骤和代码调整：

一、从Web应用中获取原消息的标识 #

当用户点击内联按钮打开Telegram Web应用时，Telegram会自动向Web应用传递初始化数据，其中就包含原消息的chat_id和message_id。你需要在Web应用的前端页面（safari.html）中提取这些信息，然后和表单数据一起提交到FastAPI后端。

修改你的safari.html，添加JavaScript代码来获取并传递这些参数：

<!-- 在safari.html的表单部分添加以下脚本 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    const form = document.getElementById('your-form-id'); // 替换成你实际的表单ID
    form.addEventListener('submit', async function(e) {
        e.preventDefault();
        
        // 收集表单数据
        const formData = new FormData(form);
        const submitData = Object.fromEntries(formData);
        
        // 解析Telegram Web App的初始化数据
        const initDataParams = new URLSearchParams(window.Telegram.WebApp.initData);
        // 提取原消息的chat_id和message_id
        submitData.chat_id = initDataParams.get('chat_id');
        submitData.message_id = initDataParams.get('message_id');
        
        // 提交到FastAPI后端
        await fetch('/safari', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(submitData),
        });
        
        // 提交完成后关闭Web应用
        window.Telegram.WebApp.close();
    });
});
</script>

二、在FastAPI后端修改内联消息的按钮 #

现在你的POST接口可以接收到原消息的chat_id和message_id，接下来就可以调用bot.edit_message_reply_markup方法来修改按钮了。这里提供两种常见的处理方案：

方案1：直接移除所有按钮 #

如果想让原消息不再显示按钮，可以创建一个空的键盘 markup：

@app.post("/safari")
async def safari(data: dict):
    # 提取原消息的标识
    chat_id = data.get('chat_id')
    message_id = data.get('message_id')
    
    # 你的原有逻辑：生成报告并发送到超级群组
    report_file = await convert_report(data)
    await bot.send_photo(
        chat_id=SUPERGROUP_CHAT_ID,
        message_thread_id=TOPIC_THREAD_ID,
        photo=report_file
    )
    
    # 编辑原消息：移除所有按钮
    empty_markup = InlineKeyboardMarkup(inline_keyboard=[])
    try:
        await bot.edit_message_reply_markup(
            chat_id=chat_id,
            message_id=message_id,
            reply_markup=empty_markup
        )
    except Exception as e:
        print(f"编辑消息失败：{str(e)}")
        # 可以根据错误类型做进一步处理，比如消息已被用户删除、Bot无权限等
    
    return {"status": "success"}

方案2：修改按钮为静态文本（标记为已处理） #

如果想保留按钮但标记为已完成，可以替换按钮文本并移除交互属性：

@app.post("/safari")
async def safari(data: dict):
    chat_id = data.get('chat_id')
    message_id = data.get('message_id')
    
    # 原有逻辑：生成报告并发送
    report_file = await convert_report(data)
    await bot.send_photo(
        chat_id=SUPERGROUP_CHAT_ID,
        message_thread_id=TOPIC_THREAD_ID,
        photo=report_file
    )
    
    # 编辑原消息：修改按钮为“已预订”（无交互）
    updated_button = InlineKeyboardButton(text="已预订")
    updated_markup = InlineKeyboardMarkup(inline_keyboard=[[updated_button]])
    try:
        await bot.edit_message_reply_markup(
            chat_id=chat_id,
            message_id=message_id,
            reply_markup=updated_markup
        )
    except Exception as e:
        print(f"编辑消息失败：{str(e)}")
    
    return {"status": "success"}

关键注意事项 #

• 初始化数据验证：生产环境中一定要验证window.Telegram.WebApp.initData的签名，防止恶意请求伪造消息标识。你可以通过Bot的token来完成签名验证。
• Bot权限：确保你的Bot在目标聊天（用户的私聊或群聊）中有编辑消息的权限，否则会编辑失败。
• 异常处理：要考虑用户已删除原消息、消息不存在等情况，添加异常捕获避免后端崩溃。

备注：内容来源于stack exchange，提问作者alexander sokolov