Vercel AI SDK: AI ?????? ??? ????? ??? ??

Vercel? AI SDK? AI ?? ?????? ?? ????? ?????? ??? ??? TypeScript ?????. ????? ??? AI ?? ? ?????? ?? ??? ? ?? ?? API? ???? ?? AI ??? ? ??????? ? ?? ??? ? ????.

?? ?? ??:

1. AI SDK Core: LLM(?? ?? ??)? ???? ???, ???? ?? ? ?? ??? ???? ???? ??? ?????.
2. AI SDK UI: ?? ? ??? ??? ????? ??? ?? ????? ???? ??? ?????.

??:

1. ?? ??? ??

AI SDK? ??? ??? ?? AI ?? ???? ?????.

• ??AI
• ?? OpenAI
• ??
• ??? ???
• ?? AI
• ??? ??
• ??
• ??
• ? ?…

2. ?? ??

• generateText(): ?? ???? ??? ??
• streamText(): ?? ???? ??? ????
• generateObject(): ?? ???? ???? ??? ??
• streamObject(): ?? ???? ???? ??? ????
• embed(): ?? ?? ?? ??? ??
• embedMany(): ?? ?? ?? ??? ??(?? ???)

3. UI ????

• useChat(): ?? ????? ??? ?? ??
• useCompletion(): ??? ?? ?????? ??
• useObject(): ???? JSON ??? ???? ?? ??
• useAssistant(): OpenAI ?? ?? API? ?????? ?? ??

4. ????? ??

AI SDK? ?? ????? ?????? ?????.

• ??
• Next.js
• Vue.js
• ???
• ???JS

5. ?? ??

• ?? ?? ????: ????, RAG(?? ?? ??), ??, ??? ?? ???? ?? ??? ?????.
• ?? ?? ??: AI ?? ???? ???, ??? ? ?? ??? ??? ?????.
• ?? ???: ??? AI ????? ?? ??? ??? ???? ?????.

?? ????:

1. ?? ? ?? ?????: ??? ???? ??? ?? ?? ?? ??????? ?????.
2. ??? ??: ??, ?? ?? ???? ???? ???? ?? ?? ????.
3. ?? ?? ? ??: AI ?? ?? ?? ?? ?? ?? ??? ?????.
4. ??? ?? ? ???: AI ??? ???? ???? ???? ???? ? ?? ??? ????.
5. ?? ??: ?? ?? ? ???? ??? ? ?? ?? ?????.
6. ?? ??: ?? ?? ??? ?? ??? ? ??? ??? ?????.
7. ??? ??: ??, ??? ?? ???? ?? ?? ???? ????.

?? ?:

?? ??? ??

import { generateText } from 'ai'
import { openai } from '@ai-sdk/openai'

const { text } = await generateText({
  model: openai('gpt-4o'),
  prompt: '用簡單的術語解釋人工智能的概念。'
})

console.log(text)

React? ??? ?? ?????

import { useChat } from 'ai/react'

export default function ChatComponent() {
  const { messages, input, handleInputChange, handleSubmit } = useChat()

  return (
    <div>
      {messages.map(m => (
        <div key={m.id}>
          {m.role}: {m.content}
        </div>
      ))}

      <input type="text" value={input} onChange={handleInputChange} />
      <button onClick={handleSubmit}>發(fā)送</button>
    </div>
  )
}

??:

1. ?? API: ??? ?????? ?? ?? AI ?????? ????? ??????.
2. ???? ??: ??? UI ??? ?? ??? ??? ????? ?????.
3. ?? ???: ??? ??? ??? ?? ???? ?? TypeScript? ???????.
4. ?????? ???? ??: ?? ??? ?? JavaScript ????? ?? ????? ?????.
5. ???? ??: ???? ? ?? ??? ??? ???? ????? ???????.
6. ?? ??: ?? ?? ??? ?? ??? ?? ? ????? ?????.

????:

AI SDK ??? ????? ?? ???? ??? ???? ???? ?????.

npm install ai @ai-sdk/openai

??:

Vercel? AI SDK? AI ??? ??????? ????? ???? ?? ???? ???? ?????. ?? API, ?? ???? ??, ?????? ???? ?? ??? ?? ??? AI ?? ?? ????? ??????. ??? ???, ??? ?? ??? ???, ??? AI ???? ??? AI SDK? ????? ??? ? ?? ??? ???? ?????.

??? ??? ??? ??? ????? ?? AI SDK ????? ?????.

? ??? Vercel? AI SDK: ? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!