news 2026/8/22 19:29:19

给自己做一个 ChatGPT:基于 Gradio 的本地 LLM 网页对话界面

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
给自己做一个 ChatGPT:基于 Gradio 的本地 LLM 网页对话界面

给自己做一个 ChatGPT:基于 Gradio 的本地 LLM 网页对话界面

摘要:黑底白字的命令行虽然极客,但不够直观。今天我们将使用 Python 领域最流行的机器学习界面库Gradio,为我们在 RTX 3090 上微调的 Qwen/Llama 模型穿上一件漂亮的“外衣”。我们将实现流式输出 (Streaming),让 AI 的回答像打字机一样一个个字蹦出来,体验拉满!

关键词GradioWebUIChatbot流式输出RTX 3090


1. 准备工作

首先,我们需要安装 Gradio。

conda activate llm_learn pipinstallgradio

2. 编写 WebUI 代码

在工作目录下新建web_demo.py
我们将以Qwen2.5-7B为例(因为它聊起天来更有趣)。

fromunslothimportFastLanguageModelimporttorchimportgradioasgrfromthreadingimportThreadfromtransformersimportTextIteratorStreamer# ===========================# 1. 模型加载 (只运行一次)# ===========================model_path="lora_model"# 指向我们微调 Qwen 的目录max_seq_length=2048print(f"🚀 正在加载模型:{model_path}...")model,tokenizer=FastLanguageModel.from_pretrained(model_name=model_path,max_seq_length=max_seq_length,dtype=None,load_in_4bit=True,)FastLanguageModel.for_inference(model)# ===========================# 2. 定义聊天逻辑 (支持流式)# ===========================defchat_stream(message,history):# message: 用户当前的输入# history: 之前的对话记录 [[user, bot], [user, bot]...]# 构造 Prompt (Qwen 格式)# 这里我们简化处理,只取最近一轮对话,实际项目可以拼接 historyprompt=f"""<|im_start|>user{message}<|im_end|> <|im_start|>assistant """inputs=tokenizer([prompt],return_tensors="pt").to("cuda")# 定义流式输出器streamer=TextIteratorStreamer(tokenizer,skip_prompt=True,skip_special_tokens=True)generation_kwargs=dict(inputs,streamer=streamer,max_new_tokens=512,temperature=0.3,)# 在独立线程中运行生成,主线程读取流thread=Thread(target=model.generate,kwargs=generation_kwargs)thread.start()# 逐步返回生成的文字partial_text=""fornew_textinstreamer:partial_text+=new_textyieldpartial_text# ===========================# 3. 搭建界面# ===========================demo=gr.ChatInterface(fn=chat_stream,title="🤖 我的专属 Qwen 助手 (RTX 3090版)",description="这是我在本地微调并部署的大模型,支持流式对话!",examples=["RTX 3090 适合做深度学习吗?","请用 Python 写一个快排","你是谁?"],theme=gr.themes.Soft())if__name__=="__main__":# share=True 可以生成一个公网链接发给朋友体验demo.launch(server_name="0.0.0.0",share=False)

3. 启动服务

python web_demo.py

终端会输出:
Running on local URL: http://0.0.0.0:7860

打开浏览器访问http://localhost:7860

体验亮点

  • 打字机效果:当你问问题时,AI 的回答是实时蹦出来的,不用等十几秒才看到结果。
  • 历史记录gr.ChatInterface自动帮你处理了对话气泡的 UI。
  • 专属知识:试试问它“RTX 3090 适合做深度学习吗?”,它会用你微调过的知识回答你!

4. 进阶玩法

如果你想让朋友也能通过互联网访问这个界面,只需将最后一行代码改为:

demo.launch(share=True)

Gradio 会自动生成一个为期 72 小时的免费公网链接(类似https://xxxx.gradio.live)。

尽情享受你的私人 GPT 吧!

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/22 4:05:10

Java虚拟机面试题:内存管理(下)

&#x1f9d1; 博主简介&#xff1a;CSDN博客专家&#xff0c;历代文学网&#xff08;PC端可以访问&#xff1a;https://literature.sinhy.com/#/?__c1000&#xff0c;移动端可微信小程序搜索“历代文学”&#xff09;总架构师&#xff0c;15年工作经验&#xff0c;精通Java编…

作者头像 李华
网站建设 2026/8/21 12:56:40

KeyShot许可证激活步骤及使用指南

一、KeyShot许可证激活步骤 获取许可证文件&#xff1a;从官方渠道或授权合作伙伴处获取KeyShot许可证文件。 打开KeyShot软件&#xff1a;启动软件后&#xff0c;您将看到许可证激活界面。 输入许可证信息&#xff1a;在界面中输入许可证文件的名称、许可证密钥等必要信息。 选…

作者头像 李华
网站建设 2026/8/22 5:08:06

网络编程基础:OSI 模型与 TCP/IP 协议栈详解

作为网络编程的入门核心&#xff0c;理解网络分层模型是掌握数据通信逻辑的关键。本文将拆解 OSI 七层模型的功能&#xff0c;并对比 TCP/IP 协议栈的简化设计&#xff0c;帮你快速建立网络通信的底层认知。一、OSI 七层模型&#xff1a;网络通信的 “标准框架”OSI&#xff08…

作者头像 李华
网站建设 2026/8/22 4:40:25

EagleTrader交易员采访|不遵守交易规则,真的是自由吗?

对很多交易员来说&#xff0c;真正的困难&#xff0c;从来不是行情本身。而是在一次次盈利与回撤之间&#xff0c;仍然愿意相信规则&#xff1b;是在没有掌声、没有监督的交易日里&#xff0c;持续做出那些“看起来不那么刺激”的选择。这类情况也往往只会被少数人长期坚持。朱…

作者头像 李华