So erstellen Sie eine coole App mit Gradio!

Barbara Streisand
Freigeben: 2024-09-29 06:15:03
Original
208 Leute haben es durchsucht

How to Make a Cool App with Gradio!

Hey, meine Programmierer! Ich bin mit etwas zurück, das sich von meinen üblichen Inhalten unterscheidet. Heute erfahren wir etwas über Gradio! Es ist wie Magie, Apps zu erstellen, die Menschen dabei helfen, mit dem Computer zu kommunizieren.

Jetzt fragen Sie sich vielleicht, was das für ein Abschluss ist?

Was ist Gradio?

Stellen Sie sich Gradio als einen Zauberstab zum Erstellen von Apps vor. Stellen Sie sich vor, Sie hätten einen Haustierroboter und Sie möchten ihm Fragen stellen oder ihm Bilder zeigen, und er antwortet Ihnen! Gradio hilft Ihnen beim Erstellen einer Schnittstelle, auf der Sie Dinge eingeben oder Bilder bereitstellen können und auf die der Computer reagieren kann.

Sie müssen nicht viel über das Programmieren wissen, um loszulegen. Es ist sehr einfach und einfach zu bedienen. Mal sehen, wie Sie es nutzen können!

Schritt 1: Gradio einrichten

Bevor wir beginnen, müssen wir den Computer anweisen, Gradio zu installieren.

  1. Öffnen Sie Ihr Terminal.

  2. Geben Sie dies im Terminal ein:

pip install gradio

Dieser Befehl hilft Ihnen, Gradio zu installieren und für Sie einzurichten. Jetzt sind Sie bereit, Apps zu erstellen!

Schritt 2: Erstellen einer supereinfachen App

Lass uns unsere allererste App erstellen! In dieser App fragt der Computer nach Ihrem Namen und der Computer sagt „Hallo“ zu Ihnen. Klingt lustig, oder?

Schreiben Sie diesen Code:

Gradio als gr importieren

auf jeden Fall grüßen(name):
return „Hallo, „Name“!“

iface = gr.Interface(fn=greet, inputs="text", outputs="text")
iface.launch()

Jetzt müssen Sie darüber nachdenken, was in diesem Code passiert. Lassen Sie es uns aufschlüsseln:

  1. Gradio als GR importieren: Das ist, als würde man sagen, dass der Computer Gradio zum Erstellen einer App verwenden soll.

  2. def meet(name): Dies ist die Funktion, die nach Ihrem Namen fragt und Ihnen „Hallo“ mit Ihrem Namen zurückgibt.

  3. iface = gr.Interface(fn=greet, inputs="text", outputs="text"): Dieser Teil erklärt gradio, wie die App erstellt wird. Es wird Text als Eingabe verwendet und Text als Ausgabe zurückgegeben.

  4. iface.launch(): Dies hilft uns beim Starten der App.

Führen Sie nun Ihren Code aus. Sie sehen ein Feld, in das Sie Ihren Namen schreiben können, und der Computer begrüßt Sie. Ist es nicht cool, versuchen Sie, Ihren Namen einzugeben.

Schritt 3: Mit Bildern mehr Spaß machen!

Machen wir die App cooler, indem wir Bilder hinzufügen! Hier zeigen wir dem Computer einige Bilder und weisen ihn an, es zu identifizieren.

Wir werden ein maschinelles Lernmodell verwenden, das bereits weiß, wie viele Tiere aussehen.

Schreiben Sie diesen Code:

Gradio als gr importieren
aus tensorflow.keras.applications.resnet50 importieren ResNet50, decode_predictions, preprocess_input
aus tensorflow.keras.preprocessing Importbild
numpy als np importieren

Modell = ResNet50(weights="imagenet")

def classify_image(img):
img = image.img_to_array(img)
img = np.expand_dims(img, axis=0)
img = preprocess_input(img)
preds = model.predict(img)
Rückgabe von decode_predictions(preds, top=1)[0][0][1]

iface = gr.Interface(fn=classify_image, inputs="image", Outputs="label")
iface.launch()

Lassen Sie uns diesen Code aufschlüsseln, um seine Funktionalität besser zu verstehen:

  1. Laden des Modells: Wir laden ResNet50 als Gehirn unseres Computers hoch. Dies hilft dem Computer zu erraten, was auf Ihrem Bild zu sehen ist.

  2. classify_image: Diese Funktion nimmt das Bild und errät, was es sieht.

  3. inputs="image": Jetzt fragt unsere App hier anstelle von Text nach einem Bild als Eingabe.

Jetzt können Sie den Code ausführen, ein Bild hochladen und den Computer es erraten lassen. Sie können alles darin hochladen.

Schritt 4: Teilen Sie Ihre App mit Freunden!

Nachdem Sie eine coole App erstellt haben, teilen wir sie jetzt mit Ihrem Netzwerk und Ihren Freunden. Gradio macht dies ganz einfach, indem es Ihnen einen speziellen Link zur Verfügung stellt, den Sie mit jedem auf der Welt teilen können!

So machen Sie es:

Ändern Sie den letzten Teil Ihres Codes wie folgt:

iface.launch(share=True)

Wenn Sie diesen Code ausführen, erhalten Sie von Gradio einen Link, den Sie an Ihre Freunde senden können. Sie können den Link in ihrem Browser öffnen und mit Ihrer App spielen, genau wie Sie!

Schritt 5: Weitere unterhaltsame Funktionen hinzufügen

Sie können Ihre Gradio-App nach Ihren Wünschen anpassen. Sehen wir uns einige Möglichkeiten an, wie Sie Ihre App noch unterhaltsamer gestalten können:

  1. Ändern Sie den Titel und die Beschreibung

Sie können Ihrer App einen guten Titel und eine Beschreibung geben, um sie interaktiver zu gestalten.

iface = gr.Interface(
fn=classify_image,
inputs="image",
Ausgänge="label",
title="Tierklassifikator",
description="Lade ein Bild hoch und ich errate, um welches Tier es sich handelt!"
)
iface.launch()

Now your app looks way more cooler it has a name and a description now which makes it look more professional.

2.Use More Inputs and Outputs

What if you want to give computer more information? Maybe you want to show it both a picture and type some text, Gradio can handle that too!

Here’s how you can make an app with both an image and text as input:

iface = gr.Interface(
fn=classify_image,
inputs=["image", "text"],
outputs="label"
)
iface.launch()

Now your app will take both an image and some text. It’s like your computer just got smarter!

Conclusion

Wow! You have just learned how to make cool apps using Gradio! You can make a lot of apps using it and it makes coding really fun. You can explore more about it here.

I hope you enjoyed this blog, if you did don't forget to follow me on Linkedin and Github. Come on I also deserve some fame and if you don't please criticise me in comments.

Happy Coding!!

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine coole App mit Gradio!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage