Ինչպես ինտեգրել ChatGPT-ն SAP UI5-ում

Նախաբան – Այս գրառումը մաս է կազմում UI5 ինտեգրման ծրագրեր նյութեր.

ներածություն

Հնարավոր չէ ուղղակիորեն ինտեգրել ChatGPT-ն՝ օգտագործելով CDN (Content Delivery Network), քանի որ GPT-3 մոդելը տեղակայված չէ որևէ հանրային CDN-ում: GPT-3-ը սեփականության մոդել է, որը պատկանում է OpenAI-ին, և դրա մուտքն ապահովվում է OpenAI API-ի միջոցով, որն օգտագործելու համար անհրաժեշտ է API բանալի:

Դուք կարող եք օգտագործել OpenAI API-ն ձեր JavaScript հավելվածում՝ HTTP հարցումներ կատարելով API-ի վերջնակետին և օգտագործելով API ստեղնը: OpenAI API-ն ապահովում է ա prompt վերջնակետ, որը թույլ է տալիս հաղորդագրություն ուղարկել GPT-3-ին և ստանալ պատասխան:

Ահա մի օրինակ, թե ինչպես կարող եք օգտագործել fetch API JavaScript-ում GPT-3-ին հաղորդագրություն ուղարկելու և պատասխանը գրանցելու համար.

const API_KEY = 'ՁԵՐ_API_KEY'; const prompt = 'Ի՞նչ է կյանքի իմաստը'; fetch(`https://api.openai.com/v1/engines/davinci/completions`, {մեթոդ` «POST», վերնագրեր` {«Content-Type»: «application/json», «Authorization»: «Bearer» ${API_KEY}` }, տեքստը` JSON.stringify({ հուշում, max_tokens: 20 }) }).then(response => answer.json()) .then(data => {consol.log(data.choices[ 0].տեքստ);});

Ինչպես ինտեգրել ChatGPT-ն SAP UI5-ում

Ինչպես ցույց է տրված ստորև նկարում, մենք կհետևենք երեք պարզ քայլի՝ ChatGPT API-ները SAP UI5 հավելվածում ինտեգրելու համար:

Ինչպես ինտեգրել ChatGPT-ն SAP UI5-ում

1. Ստացեք Open AI-ի API

Մենք արդեն քննարկել ենք API-ի ստեղծման հետ կապված բոլոր քայլերը այս հոդվածը.

2. Ստեղծեք UI5 նախագիծ

Օգտագործեք Web IDE կամ SAP BAS և ստեղծեք պարզ UI5 հավելված օգտագործելով գեներատոր.

3. Ինտեգրել ChatGPT զանգը

Մենք ստեղծել ենք շատ պարզ տեսք՝ մուտքագրման տուփով, կոճակով և տեքստային տարածքով՝ արդյունքը ցույց տալու համար, ինչպես ցույց է տրված ստորև ներկայացված տեսքով.


Իսկ Button-ի սեղմման վրա մենք գրել ենք տվյալ կոդը controller.js-ում

sap.ui.define([ "sap/ui/core/mvc/Controller" ], ֆունկցիա (Կարգավորիչ) {"օգտագործել խիստ"; return 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», «Authorization»՝ «Bearer ${API_KEY}» }, body՝ JSON.stringify( { prompt, max_tokens: 2000 }) }).then(response => answer.json()) .then(data => { that.byId("idText").setText(data.choices[0].text); }); } });});

Արտադրողականություն

Արդյունքը առանց կոճակը սեղմելու ունի հետևյալ տեսքը.

UI5 ChatGPT ելքային տեսք

հեղինակ


մեկնաբանություններ

Թողնել գրառում

Ձեր էլփոստի հասցեն չի հրապարակվելու. Պահանջվող դաշտերը նշված են աստղանիշով *

Այս կայքը օգտագործում է Akismet- ը սպամի նվազեցման համար: Իմացեք, թե ինչպես է ձեր տվյալները մշակվում.