5分钟快速上手Gradio如何构建并免费公开分享你的第一个ML模型Demo【免费下载链接】gradioBuild and share delightful machine learning apps, all in Python. Star to support our work!项目地址: https://gitcode.com/GitHub_Trending/gr/gradioGradio 是目前最流行的机器学习 UI 开源框架几行 Python 代码就能为任意 ML 模型搭建一个漂亮的 Web 演示页面并一键生成免费公开链接分享给全世界。本文带你零基础、5分钟快速上手 Gradio从安装、构建到免费分享全程不需要 JavaScript、CSS 或任何 Web 开发经验。为什么选择 Gradio 构建你的第一个 ML 模型 Demo很多模型开发者都遇到过这个痛点模型训练好了却不知道怎么给别人演示——写 Flask部署服务器买域名Gradio 把这些全部省掉了纯 Python 构建只需写一个普通函数 几行配置UI 自动生成内置 30 组件文本框、图片、音频、视频、图表、聊天框一应俱全一键免费分享一个参数就能生成全球可访问的公开链接生态成熟Hugging Face Spaces 上大量热门 Demo 都用它构建核心源码入口在 gradio/interface.py组件定义在 gradio/components/ 目录想深入了解时随时可以翻阅。5分钟快速上手三步搭建你的第一个 Gradio 应用第1步一条命令安装 GradioGradio 需要 Python 3.10 以上版本安装命令就一行pip install --upgrade gradio 建议在你的虚拟环境virtualenv/conda中安装避免依赖冲突。第2步编写你的第一个 Gradio Demo新建一个app.py文件写入下面的代码。这就是官方 Hello World 示例的完整逻辑可参考 demo/hello_world/run.pyimport gradio as gr def greet(name): return Hello name ! demo gr.Interface(fngreet, inputstextbox, outputstextbox) demo.launch()运行python app.py浏览器会自动打开http://localhost:7860一个输入名字、点按钮就返回问候语的 Web 应用就跑起来了。官方快速入门文档在 guides/01_getting-started/01_quickstart.md。开发技巧把运行命令换成gradio app.py可开启热重载模式修改代码后页面自动刷新开发体验极佳。第3步理解三个核心参数gr.Interface类只需要关注三个参数理解了它们就理解了 Gradio参数作用示例fn被 UI 包装的 Python 函数你的模型预测函数inputs输入组件数量对应函数入参textbox、image、slideroutputs输出组件数量对应函数返回值text、label、plot组件既可传字符串简写也可传gr.Image()这样的完整实例灵活度非常高。进阶实战把真实 ML 模型变成 Demo理解了基础现在把fn换成一个真实的机器学习模型——以官方经典示例图像分类为例。它加载 MobileNetV2 模型上传图片就能显示 Top 3 预测类别和置信度demo gr.Interface( fnclassify_image, # 你的模型推理函数 inputsgr.Image(), # 输入图片组件 outputsgr.Label(), # 输出标签组件 examples[...], # 预置示例图片方便访客试用 )完整实现可参考 demo/image_classifier/run.py核心思路就是把你的模型推理函数交给fn选对输入输出组件剩下的全部由 Gradio 完成。除了图像分类仓库的 demo/ 目录下还有 200 个现成示例可以学习计算器、聊天机器人、音频合成、数据表格、3D 模型展示……几乎覆盖所有 ML 应用场景。比如这个多输入计算器 Demo源码见 demo/calculator/run.py免费公开分享一个参数让全世界访问你的 DemoDemo 做出来不能只看自己Gradio 的分享功能堪称杀手锏——在launch()中加上shareTruedemo.launch(shareTrue) # 仅此一个额外参数 几秒后终端会打印出一个形如https://a23dsf231adb.gradio.live的全球可访问公开链接直接发给任何人即可在线使用。妙处在于完全免费无需服务器、无需域名⚡零部署计算仍在你本地电脑运行访客通过 Gradio 官方服务器做代理转发⏰自动过期分享链接有效期 1 周到期自动失效适合临时演示数据安全官方分享服务器只是代理不存储任何数据需要注意分享链接公开可访问请避免在fn中暴露敏感信息。详细的分享方案含 HF Spaces 永久托管、嵌入网页等见官方指南 guides/04_additional-features/07_sharing-your-app.md。更多能力Blocks 布局与 ChatInterface 聊天界面掌握Interface后Gradio 还有两大进阶武器gr.Blocks —— 自由布局想要多栏布局、复杂数据流、组件联动用gr.Blocks()精确控制每个组件的位置和交互Stable Diffusion WebUI 等爆款项目就是用它构建的。gr.ChatInterface —— 聊天机器人专为 LLM 场景设计提供一个对话函数即可获得完整的聊天界面内置消息气泡、重试、清屏等功能学习资源与下一步资源路径说明项目总览README.md安装、入门、生态全景快速入门guides/01_getting-started/01_quickstart.md官方新手教程组件与 Blocks 指南guides/02_building-interfaces/界面搭建系列进阶功能guides/04_additional-features/队列、流式输出、主题、缓存聊天机器人指南guides/05_chatbots/ChatInterface 系列示例 Demo 库demo/200 个可直接运行的示例常见问题 FAQQ1Gradio 是免费的吗完全免费且开源Apache 2.0 协议。shareTrue的临时链接和 Hugging Face Spaces 托管均不收费。Q2需要懂前端开发吗不需要。Gradio 的定位就是零 Web 背景所有界面逻辑都用 Python 表达官方甚至不需要你接触一行 JavaScript。Q3分享链接过期了怎么办shareTrue链接有效期 1 周。需要永久链接可部署到 Hugging Face Spaces免费或在自己的服务器上用gradio deploy命令上传。Q4如何调用别人分享的 Gradio 应用每个api_name对应的端点都有 API 文档页可用gradio_clientPython或gradio/clientJavaScript以编程方式调用任意 Gradio 应用见 client/python/gradio_client/ 目录。小结安装 Gradio → 用gr.Interface包一个函数 →shareTrue一键分享这就是构建并免费公开 ML 模型 Demo 的全部流程。打开 demo/ 里的示例找灵感你的第一个 ML 应用现在就能上线 【免费下载链接】gradioBuild and share delightful machine learning apps, all in Python. Star to support our work!项目地址: https://gitcode.com/GitHub_Trending/gr/gradio创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考