Gradio 和 Streamlit 安装与使用教程

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

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

什么是 Gradio 和 Streamlit 呢？

Gradio 和 Streamlit 是两个用于快速构建机器学习 (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 证书，配置网关等与开发无关的繁琐操作，爽！

点击上方的终端，选择 “新建终端”。

输入以下命令：

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

执行过程如下所示：

2. 编写示例代码

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

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，添加虚拟环境激活命令：

# 打开 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 时代了，快速上线才是最重要的，那些繁琐的部署和配置细节老子不想关心！