30 分钟零成本搭建你的第一个 AI 智能聊天机器人 —— Amazon Bedrock + AWS Amplify Gen 2 完整教程

import { BedrockRuntimeClient, InvokeModelCommand } from "@aws-sdk/client-bedrock-runtime";

export const handler = async (event: any) => {
const client = new BedrockRuntimeClient({ region: "us-east-1" });

const body = JSON.parse(event.body);
const userMessage = body.message;

const input = {
modelId: "anthropic.claude-3-5-sonnet-20240620-v1:0",
contentType: "application/json",
accept: "application/json",
body: JSON.stringify({
anthropic_version: "bedrock-2023-05-31",
max_tokens: 1000,
messages: [{ role: "user", content: userMessage }]
})
};

const command = new InvokeModelCommand(input);
const response = await client.send(command);

const responseBody = JSON.parse(new TextDecoder().decode(response.body));

return {
statusCode: 200,
body: JSON.stringify({ reply: responseBody.content[0].text })
};
};

// app/page.tsx 简单示例
'use client';
import { useState } from 'react';

export default function Chat() {
const [messages, setMessages] = useState([]);
const [input, setInput] = useState('');

const sendMessage = async () => {
const res = await fetch('/api/chat', {
method: 'POST',
body: JSON.stringify({ message: input })
});
const data = await res.json();
setMessages([...messages, { user: input, bot: data.reply }]);
setInput('');
};

return (
<div className="max-w-2xl mx-auto p-4">
<h1 className="text-3xl font-bold mb-6">我的 AWS AI 助手 🤖</h1>
<div className="chat-container">
{messages.map((m, i) => (
<div key={i}>
<p><strong>你：</strong> {m.user}</p>
<p><strong>AI：</strong> {m.bot}</p>
</div>
))}
</div>
<input value={input} onChange={e => setInput(e.target.value)} />
<button onClick={sendMessage}>发送</button>
</div>
);
}