تولید متن با هوش مصنوعی با ساخت RSC
این مثال از React Server Components (یا همان RSC)، استفاده میکند. اگر که قصد دارید از client side rendering و هوکها استفاده کنید؛ میتوانید به این مستندات مراجعه کنید.
در برخی موارد ممکن است نیاز داشته باشید متنی را بر اساس یک prompt تولید کنید. بهعنوان مثال، ممکن است بخواهید به یک سؤال پاسخ دهید یا متنی را خلاصهسازی کنید. تابع generateText میتواند برای تولید متن بر اساس ورودی، مورد استفاده قرار گیرد.
کلاینت
بیایید یک کامپوننت ساده React ایجاد کنیم که هنگام کلیک روی یک دکمه، تابع getAnswer را فراخوانی میکند. تابع getAnswer، تابع generateText را از ماژول ai فراخوانی خواهد کرد که سپس متنی را بر اساس prompt تولید میکند.
در مسیر app/page.tsx، قطعه کد زیر را قرار دهید:
سرور
در سمت سرور، باید تابع getAnswer را پیادهسازی کنیم که درون خود، تابع generateText از ماژول ai را فراخوانی میکند. تابع generateText، یک متن بر اساس پرامپت ورودی تولید میکند.
در مسیر app/actions.ts، قطعه کد زیر را قرار دهید:
متغیرهای محیطی BASE_URL و LIARA_API_KEY همان baseUrl سرویس هوش مصنوعی لیارا و کلید API لیارا هستند که باید در بخش متغیرهای محیطی برنامه خود، آنها را تنظیم کنید.
پروژه فوق را میتوانید بهصورت کامل در گیتهاب لیارا، مشاهده کنید.