当前位置: 首页 > article >正文

ChatGPT实战100例 - (13) 写一个属于自己的 ChatGPT 新版 WebUI

文章目录

  • ChatGPT实战100例 - (13) 写一个属于自己的 ChatGPT 新版 WebUI
    • 一、ChatGPT(OpenAI)的新版API调用
      • 1.1 环境变量配置与调用
      • 1.2 新版api调用
      • 1.3 命令行流式输出
    • 二、Gradio制作自己的聊天WebUI
      • 2.1 流式WebUI
      • 2.2 样式调整
    • 三、总结
    • 参考

ChatGPT实战100例 - (13) 写一个属于自己的 ChatGPT 新版 WebUI

今时不同往日,openai的api已经到了1.xx版本,web ui王者gradio也早就推出了chat集成,写一个基于ai的chat变得如此简单。
不过,gradio的官方demo的openai版本过于老旧Creating A Chatbot Fast,没有跟进openai的api变动,让人无言以对。
因此,我们今天来写一个自己的chat webui。

一、ChatGPT(OpenAI)的新版API调用

1.1 环境变量配置与调用

1.xx版的openai的api调用,需要在环境变量中配置api的key。
主要是OPENAI_API_KEYOPENAI_BASE_URL这两个

.env

OPENAI_API_KEY = sk-xxxxx
OPENAI_BASE_URL = https://api.xxx/v1 

两行代码搞定导入环境变量:

from dotenv import load_dotenv
load_dotenv()

1.2 新版api调用

from dotenv import load_dotenv
load_dotenv()

from openai import OpenAI
client = OpenAI()

def predict(message):
    history_openai_format = []
    history_openai_format.append({
   "role": "user", "content": message})

    completion = client.

http://www.kler.cn/a/227063.html

相关文章:

  • centos7如何删除整个文件夹里面的文件
  • 【漏洞复现】likeshop开源免费商用电商系统存在任意文件上传漏洞CVE-2024-0352
  • Excel技能——使用条件格式保护数据
  • app逆向-frida-rpc详解
  • eCos flash模拟EEPROM实现NV系统
  • 如何基于文档的内容实现 AI 对话功能,以 Documate 为例
  • Debezium发布历史106
  • 怎么把几百M大小的视频做成二维码?扫码播放视频在线教程
  • 一文详解docker compose
  • [AIGC] Spring Gateway与 nacos 简介
  • 【服务器】RAID(独立磁盘冗余阵列)
  • JAVA中的访问修饰符
  • STM32--SPI通信协议(1)SPI基础知识总结
  • 大规模机器学习简介
  • 算法篇:递归、搜索与回溯算法
  • 图像处理之《基于端到端哈希生成模型的鲁棒无覆盖图像隐写》论文精读
  • 机器学习 | 如何利用集成学习提高机器学习的性能?
  • 在next.js的13.2.1版本中使用中间件,实现禁止特定ip访问网址所有页面
  • CF1033A King Escape 题解 思维
  • C语言在Visual Studio 2010环境下使用<regex.h>正则表达式函数库