如何让AWS Python Lambda函数返回HTML页面而非JSON？

完全没问题，你只需要调整Lambda函数的响应格式，把返回内容从JSON改成HTML，并设置正确的响应头就行。下面是具体的实现步骤和代码示例：

核心修改点 #

• 设置正确的响应头：必须把headers里的Content-Type设为text/html，这样浏览器才会把返回内容解析成网页，而不是纯文本/JSON。
• 构造HTML内容：把你原本要返回的JSON数据嵌入到HTML结构里，比如用表格、卡片等形式展示，让内容更易读。

完整代码示例 #

import json

def lambda_handler(event, context):
    # 假设这些是你原本获取到的变量
    prompt = "你的HOW-TO操作指引内容"
    instanceId = "i-1234567890abcdef0"
    publicIp = "1.2.3.4"
    Instance_region = "us-east-1"
    
    # 构造HTML内容，用卡片样式展示数据
    html_content = f"""
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>EC2 Instance Information</title>
        <style>
            body {{ font-family: Arial, sans-serif; max-width: 650px; margin: 3rem auto; padding: 0 1.5rem; }}
            .card {{ background-color: #f8fafc; padding: 2rem; border-radius: 10px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); }}
            .info-row {{ margin: 1rem 0; line-height: 1.6; }}
            .info-label {{ font-weight: 600; color: #1e293b; min-width: 120px; display: inline-block; }}
            h2 {{ color: #0f172a; margin-top: 0; }}
        </style>
    </head>
    <body>
        <div class="card">
            <h2>EC2 Instance Details</h2>
            <div class="info-row">
                <span class="info-label">HOW-TO:</span> {prompt}
            </div>
            <div class="info-row">
                <span class="info-label">Instance ID:</span> {instanceId}
            </div>
            <div class="info-row">
                <span class="info-label">Public IP:</span> {publicIp}
            </div>
            <div class="info-row">
                <span class="info-label">Region:</span> {Instance_region}
            </div>
        </div>
    </body>
    </html>
    """
    
    return {
        'statusCode': 200,
        'headers': {
            'Content-Type': 'text/html'  # 关键：告诉浏览器这是HTML内容
        },
        'body': html_content  # 直接返回HTML字符串，无需json.dumps处理
    }

额外说明 #

• 示例里加了基础的CSS样式，让页面看起来更整洁，你可以根据喜好调整颜色、字体、布局，甚至添加更多交互元素。
• 原本的动态变量（比如instanceId、publicIp）通过Python的f-string直接嵌入到HTML中，保证数据能实时展示。
• 注意不要对HTML内容做json.dumps处理，直接把完整的HTML字符串放到body字段里即可。

这样修改后，当你访问Lambda关联的API Gateway端点时，浏览器就会显示一个排版清晰的HTML页面，再也不是纯JSON的白屏啦！

内容的提问来源于stack exchange，提问作者jelidens