将 Gradio Blocks 用作函数

先决条件：本指南基于 Blocks 简介。请务必先阅读该指南。

简介

你知道吗，除了是一个全栈机器学习演示之外，Gradio Blocks 应用也是一个普通的 Python 函数！？

这意味着如果你有一个名为 demo 的 Gradio Blocks（或 Interface）应用，你可以像使用任何 Python 函数一样使用 demo。

因此，执行 output = demo("Hello", "friend") 这样的操作将会在输入 "Hello" 和 "friend" 上运行 demo 中定义的第一个事件，并将其存储在变量 output 中。

如果我让你感到困倦 🥱，请耐心听我讲！通过将应用用作函数，你可以无缝地组合 Gradio 应用。下一节将展示如何操作。

将 Blocks 用作函数

假设我们有以下演示，可以将英文文本翻译成德文文本。

import gradio as gr

from transformers import pipeline

pipe = pipeline("translation", model="t5-base")

def translate(text):
    return pipe(text)[0]["translation_text"]  

with gr.Blocks() as demo:
    with gr.Row():
        with gr.Column():
            english = gr.Textbox(label="English text")
            translate_btn = gr.Button(value="Translate")
        with gr.Column():
            german = gr.Textbox(label="German Text")

    translate_btn.click(translate, inputs=english, outputs=german, api_name="translate-to-german")
    examples = gr.Examples(examples=["I went to the supermarket yesterday.", "Helen is a good swimmer."],
                           inputs=[english])

demo.launch()

我已经将其托管在 Hugging Face Spaces 上，地址是 gradio/english_translator。

你也可以在下方看到演示

现在，假设你有一个生成英文文本的应用，但你还想生成德文文本。

你可以选择：

复制我的英德翻译的源代码并将其粘贴到你的应用中。
在你的应用中加载我的英德翻译，并将其视为一个普通的 Python 函数。

选项 1 从技术上讲总是可行，但它通常会引入不必要的复杂性。

选项 2 允许你借用所需功能，而无需将我们的应用紧密耦合。

你只需在源文件中调用 Blocks.load 类方法。之后，你就可以像使用普通 Python 函数一样使用我的翻译应用了！

以下代码片段和演示展示了如何使用 Blocks.load。

请注意，变量 english_translator 是我的英德翻译应用，但它在 generate_text 中被用作一个普通函数。

import gradio as gr

from transformers import pipeline

english_translator = gr.load(name="spaces/gradio/english_translator")
english_generator = pipeline("text-generation", model="distilgpt2")

def generate_text(text):
    english_text = english_generator(text)[0]["generated_text"]  
    german_text = english_translator(english_text)
    return english_text, german_text

with gr.Blocks() as demo:
    with gr.Row():
        with gr.Column():
            seed = gr.Text(label="Input Phrase")
        with gr.Column():
            english = gr.Text(label="Generated English Text")
            german = gr.Text(label="Generated German Text")
    btn = gr.Button("Generate")
    btn.click(generate_text, inputs=[seed], outputs=[english, german])
    gr.Examples(["My name is Clara and I am"], inputs=[seed])

demo.launch()

如何控制应用中使用的函数

如果你加载的应用定义了多个函数，你可以使用 fn_index 和 api_name 参数指定要使用的函数。

在我们的英德演示代码中，你会看到以下行

translate_btn.click(translate, inputs=english, outputs=german, api_name="translate-to-german")

api_name 为此函数在我们的应用中提供了一个唯一的名称。你可以使用此名称告诉 Gradio 你要使用上游空间中的哪个函数

english_generator(text, api_name="translate-to-german")[0]["generated_text"]

你也可以使用 fn_index 参数。假设我的应用还定义了一个英西翻译函数。为了在我们的文本生成应用中使用它，我们会使用以下代码

english_generator(text, fn_index=1)[0]["generated_text"]

Gradio Spaces 中的函数是零索引的，因此由于西班牙语翻译器是我的空间中的第二个函数，你将使用索引 1。

总结

我们展示了如何将 Blocks 应用视为常规 Python 函数，从而帮助你在不同应用之间组合功能。任何 Blocks 应用都可以被视为函数，但一个强大的模式是在你的应用中将托管在 Hugging Face Spaces 上的应用进行 load，然后再将其视为函数。你还可以加载托管在 Hugging Face 模型中心上的模型——请参阅使用 Hugging Face 集成指南以获取示例。

祝您构建愉快！⚒️