AgentCore 上の Claude Code の出力を AppSync Event API でリアルタイムにブラウザへ流す

概要

Amazon Bedrock AgentCoreで動作するClaude Codeのストリーミング出力を、AppSync Event APIを用いて低遅延かつ低コストにブラウザへ配信する実装ガイド。

詳細内容

この記事では、AgentCore上のClaude Codeから出力されるテキストチャンクを、AWS AppSync Event APIを活用してリアルタイムにフロントエンド（React）へストリーミングする方法を解説しています。従来のGraphQL Subscriptionよりも軽量なEvent APIを採用し、Publisher（エージェント）はHTTP POST、Subscriber（ブラウザ）はWebSocketを用いる構成を提案。実装の要点として、エージェント側でのSigV4署名による認証、Claude Codeのメインループをブロックしないための非同期（threading）送信、およびブラウザ側でのWebSocketサブプロトコルを利用したCognito認証の注意点（URL-safe Base64変換など）について具体的に記述されています。

元記事を読む他のサマリーを見る