- Next.js
- LangChain
- LlamaIndex
- GenKit
- Vercel AIツールとバックエンドAPIルートを定義する
Salesforceから商談の一覧を取得するAIツールと、Auth0を使ってSalesforceのアクセストークンを取得するバックエンドルートを作成します。- ツールで
auth0.getAccessTokenForConnection()を呼び出す際は、接続名としてsfdcを渡すと、Salesforceのアクセストークンを取得できます。
app/api/chat/route.js
- フロントエンドのチャットUIから呼び出す
@ai-sdk/reactのHooksを使用して、チャットコンポーネントを組み込みます。src/components/chat.tsx
- UIの例
https://localhost:3000にアクセスすると、チャットUIが表示されます。 
Get me 2 opportunities from Salesforceのようなメッセージを送信すると、GPT-4がリクエストを解釈してlistOpportunitiesツールを呼び出します。このツールは、Auth0経由で取得したアクセストークンを使ってSalesforce APIを安全に呼び出し、結果を返します。