OpenAI API: Прехвърляне на потребителски съобщения за URL

В този учебник ще ви покажем как да използвате OpenAI API за обработка на съобщения от потребители. В предходното видео използвахме фиксиран текст ("hello"), но сега искаме да внедрим възможността за предаване на текст, предоставен от потребителя, посредством URL . Важно е да разберете основите за извличане на URL параметри и предаване на тях до API, за да се осигури персонализирани интеракции с ИИ .

Най-важни изводи

• Ще научите как да предавате текста на потребителя като Query-параметър в URL-а и да комуникирате с OpenAI API.
• Също така ще разберете какви конфигурации са необходими във вашия проект, за да подкрепите тази функционалност.

По стъпково ръководство

За да изпълните изпълнението, следвайте това по стъпково ръководство.

Стъпка 1: Подготовка

Първо трябва да се уверите, че сте настроили правилно OpenAI API си. В предишното ни видео показахме как се извиква API и как се използва фиксиран низ. Вече трябва да сте завършили основната конфигурация на вашия проект.

Стъпка 2: Предаване на текст от потребител чрез URL

Сега искаме да можем да предаваме динамичен текст. Той ще бъде предаден чрез URL-а като Query-параметър на нашето приложение. Параметрите, които се намират след въпросителния знак в URL-а, са от съществено значение за този метод.

В тази стъпка интегрираме логика, за да извлечем очаквания Message-Parameter от URL-а. Параметърът, който искаме да използваме, се нарича msg и се извлича чрез url.searchParams.get("msg").

Стъпка 3: Обработка на съобщението

След като извлечем текста, трябва да го използваме в заявката към API-то. Тук трябва да се уверим, че предаденият текст наистина се изпраща към API-то.

Ако получим грешка като "Bad Request" по време на тестовете, това указва проблем с предаването на съобщението. Проверете дали параметърът new message се предава правилно в заявката.

Стъпка 4: Отстраняване на грешки

Възможно е все още да имаме някои проблеми с конфигурацията. Уверете се, че предавате всички необходими параметри правилно на приложението. Ако използвате фиксиран низ за тестване и той работи, можете да бъдете сигурни, че грешката ясно се намира в извлечения параметър.

Стъпка 5: Настройка на Astro конфигурацията

Важно елемент е конфигурацията на вашия проект в Astro. Трябва да се уверите, че стойността на изхода е зададена на Сървър. Това позволява сървърно рендериране и следователно правилното извличане на URL-параметри.

Тази промяна е от съществено значение, тъй като ви позволява да извличате параметрите правилно и да ги предавате на API-то.

Стъпка 6: Тестване на приложението

Сега трябва да тествате приложението. Опитайте различни входове в URL-а, за да видите какви отговори получавате от API-то. Примерно заявката може да бъде: ?msg=Hello World.

Отговорът ще се покаже в браузъра и трябва правилно да реагира на вашата заявка. Ако всичко работи правилно, вече можете да видите първите взаимодействия с ИИ.

Стъпка 7: Разширения и Заключение

В последния стъпка искаме да разширим системата. Вместо да изпращате само един текст към API-то, вече можете да проследявате целия чат истории. Това позволява да водите по-естествени разговори.

За още видеоклипове ще видиш как можеш да развиваш приложението си React, за да създадеш още по-полезен интерфейс за потребителите.

Резюме

В този урок научи как да използваш OpenAI API, за да предаваш съобщения на потребителите чрез URL параметри. Сега разбираш важни стъпки за подготовка, обработка и тестване на приложението си.