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 证书，配置网关等与开发无关的繁琐操作，爽！

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

输入以下命令：

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 项目的部署就完成了。

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

你可以根据自己的业务情况随便扩缩容。扩到 10 个实例问题也不大。
拥有自愈功能。即使服务进程遇到了某些意外状况退出了，也会自动再启动一个新的实例。
可以随意调整资源配置，拉到 8C16G 也没问题。

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

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

结语

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

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

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