Gradio 和 Streamlit 安装与使用教程

最近 Sealos Devbox 有点火 🔥,越来越多的小伙伴都开始使用 Sealos Devbox,有位小伙伴写的文章阅读量已经接近了两万!

评论区有个小伙伴问我能不能出一篇部署 Gradio 和 Streamlit 的文章,瞬间我就来劲了,赶紧去搜一下这两个东西是啥,你还别说,确实挺有意思的。必须得写个教程了!

什么是 Gradio 和 Streamlit 呢?

GradioStreamlit 是两个用于快速构建机器学习 (ML) 应用和交互式 Web 应用的开源 Python 库,特别适合需要快速搭建演示和原型的项目。

Gradio

Gradio 提供了一种简洁的方法来构建 Web 应用,允许用户与机器学习模型进行交互。开发者可以通过 Gradio 快速将模型部署为 Web 界面,用户无需具备编程经验即可使用这些模型。知名的 AI 绘画应用 Stable Diffusion WebUI 就是使用 Gradio 来构建的

适用场景:

  • 为 ML 模型构建交互界面,测试和调优模型。
  • 快速构建概念验证 (PoC) 或用于产品展示的原型。
  • 用于教学、分享和演示 ML 模型。

Streamlit

Streamlit 是另一个广泛用于构建数据可视化、仪表盘和 ML 应用的框架,设计简洁,帮助开发者快速从数据脚本转化为交互式 Web 应用。Streamlit 的独特之处在于其近乎代码原生的语法,适合 Python 开发者直接在代码中描述应用布局。

适用场景:

  • 构建数据分析和可视化工具,用于探索数据。
  • 为 ML 应用构建仪表盘,实时监控和调整模型参数。
  • 快速构建可演示的机器学习应用或产品原型。

为什么选择 Devbox

虽然 Gradio 和 Streamlit 十分强大,但是将他们部署上线却不是一件容易的事情,你需要在本地搭建 Python 虚拟环境,然后完成打包镜像、自动分配域名、HTTPS 证书等一系列步骤,然后才能上线,如此复杂的流程,直接劝退大多数小白

而 Devbox 可以将这些繁琐的流程变的如此简单,直接无脑操作。

实战部署指南

1. 创建Devbox项目

首先打开浏览器,进入 Sealos 桌面,找到并点击"Devbox",然后点击"新建项目"按钮,填写项目名称,运行环境选择 Python,选择合适的 Python 版本 填写项目基本信息:

  • 项目名称
  • 选择 Python 作为运行环境
  • 选择合适的 Python 版本
  • 配置资源规格

由于 Gradio 项目默认是 7860 端口,所以我们需要将端口改成 7860。

完成所有选择以后,点击右上角的 "创建"。

现在就有了一个 Debox 项目了,点击下图中的 "Cursor",就会使用 Cursor 打开连接 Devbox 开发环境。

首次打开会提示安装 Devbox 插件,安装后即可自动连接开发环境。

现在可以在 Cursor 左侧看到 Devbox 默认创建的项目信息。是不是非常简单?直接省略了配置域名解析、申请 SSL 证书,配置网关等与开发无关的繁琐操作,爽!

点击上方的终端,选择 "新建终端"。

输入以下命令:

bash 复制代码
# 打开 python 虚拟环境
source ./bin/activate
# 安装 gradio
pip install --upgrade gradio

执行过程如下所示:

2. 编写示例代码

等待 Gradio 安装完毕以后,将 Gradio 的 demo 代码复制到 hello.py 中,代码如下所示:

Python 复制代码
import gradio as gr

def greet(name, intensity):
    return "Hello, " + name + "!" * int(intensity)

demo = gr.Interface(
    fn=greet,
    inputs=["text", "slider"],
    outputs=["text"],
)

demo.launch(server_name="0.0.0.0")

然后修改启动脚本 entrypoint.sh,添加虚拟环境激活命令:

Plain 复制代码
# 打开 python 虚拟环境
source ./bin/activate

3. 直接启动

现在我们直接通过 entrypoint.sh 脚本启动 Gradio:

现在回到 Devbox 界面,进入 Gradio 开发环境的详情页面:

点击外网地址即可打开 Gradio 的 Web 界面。

这是个公网域名,而且自动配置了 HTTPS 证书,你的同事、朋友、领导可以在任何地方实时预览你的最新开发成果,太爽了!

你在 Cursor 里面刚改完代码,你的领导就可以立马看到效果了,你就说快不快?😁

4. 部署到生产环境

上面的启动方法虽妙,但一般只用作开发演示

如果是生产环境,建议还是发布之后再部署更好,可以自动享受到 Sealos 云平台的各种高级特性,比如:自愈功能、弹性伸缩等等。

发布版本很简单,在项目详情页面直接点击 "发布版本":

输入版本配置信息,选择 "发版"。

等待 10s 左右,看见发版 "成功" 状态以后,点击 "上线"。胜利就在前方!

进入 "上线" 界面,修改 "网络配置" 中的端口为 7860,点击右上角 "部署应用":

部署完成后,等待应用状态变成 running,然后点击公网地址,即可打开 Gradio 项目的 Demo 界面。

现在,我们就已经大功告成啦!如此丝滑~

到此,Gradio 项目的部署就完成了。

相比于之前在开发环境中直接启动的方式,这种部署方式有以下优点:

  1. 你可以根据自己的业务情况随便扩缩容。扩到 10 个实例问题也不大。

  2. 拥有自愈功能。即使服务进程遇到了某些意外状况退出了,也会自动再启动一个新的实例。

  3. 可以随意调整资源配置,拉到 8C16G 也没问题。

由此可见,生产环境更适合发版之后到"应用管理"中部署。

而 Streamlit 的部署与 Gradio 的部署一毛一样,将以上的安装命令和 Demo 代码替换成 Streamlit 的即可。

结语

Devbox 通过极简的可视化界面,将复杂的开发部署流程精简,使开发者能更直观、高效地完成项目的构建和发布。它将部署中的繁琐细节模块化、自动化,降低了门槛。

通过统一的界面,Devbox 提供了配置管理、代码部署、版本控制和资源监控等功能,这些特性让我们能够专注于应用开发,而不是陷入繁琐的部署细节中。

都 AI 时代了,快速上线才是最重要的,那些繁琐的部署和配置细节老子不想关心!