Page таңдаңыз

SAP UI5 жүйесінде ChatGPT қалай біріктіруге болады

by | Қаңтар 21, 2023 | AI, GPT чат, SAP, IU5, UI5 интеграциялары, UI5 бағдарламалары

Home » AI » OpenAI » GPT чат » SAP UI5 жүйесінде ChatGPT қалай біріктіруге болады

Алғы сөз – бұл жазбаның бөлігі UI5 интеграциялық бағдарламалары сериясы.

кіріспе

ChatGPT-ті CDN (Content Delivery Network) арқылы тікелей біріктіру мүмкін емес, өйткені GPT-3 үлгісі ешбір жалпыға ортақ CDN-де орналастырылмаған. GPT-3 OpenAI иелігіндегі меншікті үлгі болып табылады және оған қол жеткізу API кілтін қажет ететін OpenAI API арқылы қамтамасыз етіледі.

API соңғы нүктесіне HTTP сұрауларын жасау және API кілтін пайдалану арқылы OpenAI API интерфейсін JavaScript қолданбасында пайдалануға болады. OpenAI API қамтамасыз етеді prompt GPT-3-ке сұрау жіберуге және жауап алуға мүмкіндік беретін соңғы нүкте.

Мұнда қалай пайдалануға болатынының мысалы берілген fetch GPT-3 жүйесіне сұрау жіберу және жауапты тіркеу үшін JavaScript тіліндегі API:

const API_KEY = "СІЗДІҢ_API_KEY"; const prompt = 'Өмірдің мәні неде?'; fetch(`https://api.openai.com/v1/engines/davinci/completions`, {әдіс: 'POST', тақырыптар: { 'Content-Type': 'application/json', 'Авторизация': 'Тасымалдаушы ${API_KEY}` }, негізгі мәтін: JSON.stringify({ шақыру, max_tokens: 20 }) }).содан кейін(жауап => answer.json()) .then(data => { console.log(data.choices[) 0].мәтін); });

SAP UI5 жүйесінде ChatGPT қалай біріктіруге болады

Төмендегі суретте көрсетілгендей, ChatGPT API интерфейстерін SAP UI5 қолданбасына біріктіру үшін үш қарапайым қадамды орындаймыз.

SAP UI5 жүйесінде ChatGPT қалай біріктіруге болады

1. Open AI API алыңыз

Біз API құруға қатысты барлық қадамдарды талқыладық Бұл мақалада.

2. UI5 жобасын жасаңыз

Web IDE немесе SAP BAS пайдаланыңыз және қарапайым UI5 қолданбасын жасаңыз генераторды пайдалану.

3. ChatGPT қоңырауын біріктіріңіз

Төмендегі көріністе көрсетілгендей шығуды көрсету үшін енгізу жолағы, түймесі және мәтін аймағы бар өте қарапайым көріністі жасадық:

Түймені басқан кезде біз берілген кодты controller.js файлында жаздық

sap.ui.define([ "sap/ui/core/mvc/Controller" ], функция (Controller) { "қатаң пайдалану"; қайтару Controller.extend("Test.Test.controller.Main", { onInit: функция ( ) { }, onPressGPT: функция () { var that = this; const API_KEY = ''; var prompt = this.byId("idInput").getValue(); fetch(`https://api.openai.com/ v1/engines/davinci/completions`, { әдісі: 'POST', тақырыптар: { 'Content-Type': 'application/json', 'Авторизация': 'Тасымалдаушы ${API_KEY}` }, негізгі мәтін: JSON.stringify( { prompt, max_tokens: 2000 }) }).then(response => response.json()) .then(data => { that.byId("idText").setText(data.choices[0].text); }); } }); });

шығыс

Түймені баспай-ақ шығару келесідей болады:

UI5 ChatGPT шығыс көрінісі

автор

0 Пікірлер

Пікір қалдыру

Сіздің электрондық пошта мекенжайы емес жарияланады. Міндетті өрістер таңбаланған *

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.

автор