网站首页 > 互联网资讯 > 正文

快速开发 ChatGPT 桌面智能助理

yuneu 互联网资讯 2023-02-24 204 0

我们利用轻量开发情况 aardio ，体积只要几 MB，下载就能够编程，不需要任何复杂的设置装备摆设。

挪用 ChatGPT 接口

翻开 aardio ，点左上角『新建控造台』按钮：

创建一个控造台法式：

输入下面的代码挪用 OPEnAI 接口：

import console.int;import web.rest.jsonClient;//创建 API 客户端var http = web.rest.jsonClient(); //设置 Key 或者获取 Key 的网址。http.setAuthToken("http://api.aardio.com/demo/openai/token");//引入 OpenAI 接口var ai = http.api("https://api.openai.com/v1/");//挪用 API var ret = ai.completions({ "PRompt": "如今几点了",//发送问题 "model": "text-davinci-003",//模子 "temperature": 0.8,//热度，0~1 之间。 "max_tokens": 2048,//更大允许的字符数量 }) //显示回复console.log( ret.choices[1].text )

aardio 挪用 Web API 接口的代码十分简单，以至不需要封拆 OpenAI 扩展库。

实现 ChatGPT 桌面智能助理

为了生成体积更小的独立 EXE 法式，我们挪用系统自带的 WebView2，而且用 React + ChatUI 实现界面，几句代码就能够搞定。

起首在 aardio 中创建 WebView2 工程：

然后在 main.aardio 中输入下面源代码：

import win.ui;/*DSG{{*/var winform = win.form(text="ChatGPT 桌面助理") /*}}*/import web.view;var wb = web.view(winform);import web.rest.jsonClient;var http = web.rest.jsonClient(); http.setAuthToken("http://api.aardio.com/demo/openai/token");var ai = http.api("https://api.openai.com/v1/"); wb.external = { ask = function(prompt){ var ret = ai.completions({ "prompt": prompt,//发送问题 "model": "text-davinci-003",//模子 "temperature": 0.8,//热度，0~1 之间。 "max_tokens": 2048,//更大允许的字符数量 }) if(ret)return ret.choices[1].text; }; } wb.html = /**<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>WebView2</title> <script src="https://lib.baomitu.com/react/17.0.2/umd/react.development.js"></script> <script src="https://lib.baomitu.com/react-dom/17.0.2/umd/react-dom.development.js"></script> <script src="https://lib.baomitu.com/chatui-core/2.4.2/index.min.js"></script> <link rel="stylesheet" href="https://lib.baomitu.com/chatui-core/2.4.2/index.min.css"> <script src="https://lib.baomitu.com/babel-standalone/7.18.13/babel.min.js"></script> <style type="text/css">html,body,#app{height:100%}</style></head><body> <script type="text/babel"> const { useState,useEffect,useCallback,useRef } = React; const { default: Chat, Bubble, useMessages } = ChatUI; const App = () => { const { messages, appendMsg, setTyping } = useMessages([{ type: 'text', content: { text: '仆人好，我是 ChatGPT 智能助理，你的贴心小助手~' }, user: { avatar: 'https://gw.alicdn.com/tfs/TB1DYHLwMHqK1RjSZFEXXcGMXXa-56-62.svg' }, }]); function handleSend(type, val) { if (type === 'text' && val.trim()) { appendMsg({ type: 'text', content: { text: val }, position: 'right', }); setTyping(true); aardio.ask(val).then( text=>{ appendMsg({ type: 'text', content: { text: text }, }); }) } } function renderMessageContent(msg) { const { content } = msg; return <Bubble content={content.text} />; } return ( <Chat navbar={{ title: '' }} messages={messages} renderMessageContent={renderMessageContent} onSend={handleSend} /> ); }; ReactDOM.render(<App />, document.querySelector('#app')); </script><div id="app"></div>**/winform.show();win.loopMessage();

点击发布就能够生成独立 EXE 法式了。