Skip to main content

  1. Vercel AIツールとバックエンドAPIルートを定義する

Salesforceから商談の一覧を取得するAIツールと、Auth0を使ってSalesforceのアクセストークンを取得するバックエンドルートを作成します。
  • ツールでauth0.getAccessTokenForConnection()を呼び出す際は、接続名としてsfdcを渡すと、Salesforceのアクセストークンを取得できます。
app/api/chat/route.js

  1. フロントエンドのチャットUIから呼び出す

@ai-sdk/reactのHooksを使用して、チャットコンポーネントを組み込みます。
src/components/chat.tsx

  1. UIの例

https://localhost:3000にアクセスすると、チャットUIが表示されます。
Salesforceの商談を取得するチャット
UI
チャットUIをカスタマイズすれば、構造化された結果を表やグラフ、要約などの形式で表示することもできます。ユーザーがGet me 2 opportunities from Salesforceのようなメッセージを送信すると、GPT-4がリクエストを解釈してlistOpportunitiesツールを呼び出します。このツールは、Auth0経由で取得したアクセストークンを使ってSalesforce APIを安全に呼び出し、結果を返します。