Es ist nur natürlich, es zu teilen. Einige erinnern sich vielleicht, als Herokus kostenlose Stufe es ermöglicht hat, Apps sofort ohne Anstrengung bereitzustellen. Diese Ära ist längst vorbei und die Optionen für die Präsentation einfacher ML -Apps sind viel begrenzter geworden.

Warum überhaupt eine App präsentieren? Die Gründe sind viel. Wenn Sie Ihre Arbeit dort durchsetzen, können Sie echte Suggestions von Menschen sammeln, die es tatsächlich versuchen, was weitaus wertvoller ist, als es für sich selbst zu behalten. Es gibt Ihnen auch die Möglichkeit, ein Portfolio zu bauen, das lauter als jeder Lebenslauf spricht. Das Teilen Ihrer App eröffnet auch Türen für die Zusammenarbeit, hilft Ihnen, zu testen, ob Ihre Ideen echte Probleme lösen, und schafft sogar Möglichkeiten, die Sie nicht erwarten würden. Beim Vorangang Ihrer Arbeit geht es um das Lernen, Verbesserung und Glaubwürdigkeit.

Wenn Sie Ihre Arbeit on-line stellen oder ein kleines Projektportfolio erstellen möchten, ist das Umarmung von Gesichtsräumen einer der besten Orte, um zu beginnen. Es ist kostenlos, einfach zu bedienen und ermöglicht es Ihnen, Apps für maschinelles Lernen bereitzustellen. Sie können jede Artwork von Demo, die Sie wollen, in wenigen Minuten mit anderen teilen.

Es gibt bereits eine große Sammlung von Apps, die auf Räumen ausgeführt werden und alles von Textual content- und Bildmodellen bis hin zu voll interaktiven Instruments abdecken. Durchstöbern Sie sie bei huggingface.co/paces gibt Ihnen ein Gefühl dafür, was möglich ist und viel Inspiration für Ihre eigenen Projekte.

Umarmungsgeaderräume der Woche – Bild des Autors

In diesem Weblog -Beitrag werde ich Sie durch ein kurzes Tutorial zum Bereitstellen Ihres eigenen Umarmungsraums führen. Ziel ist es, zu zeigen, wie einfach es sein kann, ein Projekt von Ihrer lokalen Maschine zu nehmen und es für jeden on-line zugänglich zu machen.


Erstellen Sie Ihr Konto

Zuerst müssen Sie ein Konto erstellen Umarmend: Gesicht:

Profil auf Umarmung – Bild des Autors

Okay, jetzt lass uns zu den umarmenden Gesichtsräumen gehen. Hier passiert alles und Sie werden Ihre Umgebung einrichten, das Framework auswählen, mit dem Sie arbeiten möchten, und die App aufbauen, die Sie teilen möchten.

Gehen Sie zu Leerzeichen auf der Speisekarte:

Umarme Gesichtsmenü – Bild des Autors

Hier können Sie unzählige Apps erkunden, die von anderen Benutzern erstellt wurden – und hier wird auch unsere eigene App angezeigt, sobald sie bereitgestellt wird. Im Second treten wir jedoch vom Umarmungsgesicht ab, da wir die App, die wir bereitstellen möchten, noch erstellen müssen.


Erstellen Sie die App lokal

Auf meinem Laptop werde ich zunächst eine lokale Model einer einfachen Streamlit -App einrichten, die Finanzdaten für jede Aktie visualisiert. Um die Dinge unkompliziert zu halten, wird die gesamte App in einer einzelnen Datei mit dem Namen app.py.

Dieses minimale Setup erleichtert es einfach, sich auf das Wesentliche zu befolgen und sich auf das Wesentliche zu konzentrieren, bevor wir sie bereitstellen.

import streamlit as st
import yfinance as yf
import plotly.specific as px
import pandas as pd

st.set_page_config(page_title="Firm Financials", structure="broad")
st.title("Firm Monetary Dashboard")

ticker_input = st.text_input("Enter Inventory Ticker")

# Selecting monetary report kind
report_type = st.selectbox("Choose Monetary Report", 
                           ("Stability Sheet", "Revenue Assertion", "Money Circulation"))

if ticker_input:
    strive:
        ticker = yf.Ticker(ticker_input)

        if report_type == "Stability Sheet":
            df = ticker.balance_sheet
        elif report_type == "Revenue Assertion":
            df = ticker.financials
        else:
            df = ticker.cashflow

        if df.empty:
            st.warning("No monetary knowledge accessible for this choice.")
        else:
            st.subheader(f"{report_type} for {ticker_input.higher()}")
            st.dataframe(df, use_container_width=True)

            df_plot = pd.DataFrame(
                df.T,
                pd.to_datetime(df.T.index)
            )
            metric = st.selectbox("Choose Metric to Visualize",
                                  df_plot.columns)

            if metric:
                fig = px.line(
                    df_plot,
                    x=df_plot.index,
                    y=metric,
                    title=f"{metric}",
                    markers=True,
                    labels={metric: metric, "index": "Date"}
                )
                st.plotly_chart(fig, use_container_width=True)

    besides Exception as e:
        st.error(f"Error: {e}")

Mal sehen Straffung App lokal:

Firma Monetary Dashboard App – Picture des Autors

Wenn die App ausgeführt wird, kann ich den Namen oder den Ticker jeder Aktie eingeben und sofort seine Finanzdaten hochziehen. Zum Beispiel, wenn ich das Tickersymbol von Amazon eingehe. AmznDie App zeigt die Finanzdaten des Unternehmens in einem leicht lesenden Format an.

Dies macht es einfach, wichtige Zahlen zu erkunden, ohne lange Finanzberichte zu durchsuchen oder zwischen verschiedenen Web sites zu springen.

Amazon Gewinn- und Verlustrechnung in der App – Picture des Autors

Ich habe auch die App vorbereitet, um ein Zeilendiagramm für jede von mir gewählte Metrik zu zeichnen. Wenn Sie ein bisschen nach unten scrollen, sehen Sie Folgendes:

EBITDA -Diagramm von Amazon Financials – Picture des Autors

Sie könnten denken, „Das sieht interessant aus – ich würde es gerne selbst ausprobieren. Kann ich?“ Die Antwort ist vorerst nein.

Die App wird nur auf meinem Laptop ausgeführt, was bedeutet, dass Sie Zugriff auf meinen PC benötigen, um ihn zu verwenden. Deshalb zeigt sich die Adresse als localhost Nur für mich sichtbar:

App, die auf meinem Laptop ausgeführt wird – Bild vom Autor

Und hier hilft uns umarmendes Gesicht!


Erstellen des Umarmungsraums

Jetzt lass uns gehen zu huggingface.co/paces und klicken Sie auf „Neuer Raum“ anfangen.

Areas Listing – Bild des Autors

Nach dem Klicken auf “Neuer Raum”Schaltfläche, wir können mit der Einrichtung der Umgebung beginnen, die unsere App hosten.

Speicherplatzkonfiguration – Bild des Autors

Hier nennen ich das Projekt finanzialexploreFügen Sie eine kurze Beschreibung hinzu und wählen Sie eine Lizenz (in diesem Fall Apache 2.0):

Speicherplatzkonfiguration – Bild des Autors

Da die App mit Streamlit erstellt wurde, muss ich schließlich sicherstellen, dass dies ordnungsgemäß konfiguriert ist. Im Setup -Bildschirm werde ich auswählenDocker als Foundation und dann wählen Sie Straffung als Rahmen. In diesem Schritt wird das umarmende Gesicht angezeigt, wie die App ausgeführt wird, sodass alles reibungslos funktioniert, sobald es bereitgestellt wird.

Auswählen der Stromlit -App im Raum – Bild vom Autor

Wenn Sie ein anderes Framework verwenden (wie glänzend), wählen Sie es hier unbedingt. Auf diese Weise enthält das Docker -Bild, das für Ihren Speicherplatz erstellt wurde, die richtigen Pakete und Bibliotheken, die Ihre App korrekt ausführen kann.
Wenn es um Laptop geht, werde ich die Grundversion auswählen. Denken Sie daran, dass dies die einzige kostenlose {Hardware} in Umarmungsflächen ist. Wenn Sie mehr Rechenleistung benötigen, können Sie einige Kosten anfallen.

Konfigurieren von {Hardware} und Sichtbarkeit – Bild des Autors

Ich werde meinen Raum öffentlich halten, damit ich ihn hier in diesem Weblog -Beitrag teilen kann. Mit allen Einstellungen habe ich gerade geschlagen Raum schaffen”.

Umarme das Gesicht, übernimmt dann und beginnt die Umwelt zu bauen. Erstellt alles für die App für die App.

Erstellen des Umarmungsraums – Bild des Autors

Sobald mein umarmender Gesichtsraum erstellt wurde, kann ich ihn öffnen und die Customary -Streamlit -Vorlage sehen. Diese Vorlage ist ein einfacher Ausgangspunkt, aber sie ist nützlich, da sie zeigt, dass die Umgebung wie erwartet funktioniert.

Customary -Streamlit -App – Bild des Autors

Wenn der Speicherplatz fertig ist, ist es jetzt an der Zeit, unsere App dazu bereitzustellen.


Bereitstellung unserer App im Speicherplatz

Ich kann die Dateien manuell hochladen, aber das würde schnell umständlich und fehleranfällig werden. Eine bessere Choice ist es, den Raum wie ein Git -Repository zu behandeln, was bedeutet, dass ich ihn mit einem einzigen Befehl direkt auf meinen Laptop klonen kann:

git clone https://huggingface.co/areas/ivopbernardo/financialexplore

Indem ich den Speicherplatz lokal kloniere, bekomme ich alle Dateien auf meinem Laptop und kann wie jedes andere Projekt mit ihnen arbeiten. Von dort fallen ich einfach in meine app.py und alle anderen Dateien, die ich brauche.

Repo klonte meine lokale Umgebung – Bild des Autors

Jetzt ist es Zeit, alles zusammenzubringen und die App bereitzustellen, um bereitzustellen. Zunächst müssen wir einige Dateien aktualisieren:

– Anforderungen.txt: Hier füge ich die zusätzlichen Bibliotheken hinzu, die meine App benötigt, wie plotly Und yfinance.
– streamlit_app.py: Dies ist der Haupteintrittspunkt. Um die Dinge einfach zu halten, kopiere ich den Code einfach von meinem app.py hinein src/streamlit_app.py. (Wenn Sie lieber Ihre eigenen behalten möchten app.pySie müssen die Docker -Konfiguration entsprechend anpassen, um diese Datei zu starten).

Mit diesen Änderungen sind wir bereit! Ich werde mich direkt an die verpflichten essential Department, aber Sie können Ihren eigenen Variations -Workflow einrichten, wenn Sie es vorziehen.

Es gibt jedoch einen Haken: Ihr Laptop hat noch keine Erlaubnis, Code in die Umarmung von Gesichtsräumen zu drücken. Um dies zu beheben, benötigen Sie ein Zugriffstoken. Gehen Sie einfach zu Huggingface.co/Settings/tokensklicken Sie „Neues Token“, „ und erstellen einen. Mit diesem Token können Sie Ihren Code authentifizieren und in den Raum schieben.

Ich werde das Token anrufen PersonalPC und geben Sie allen meinen Repos in meinem Umarmungsface -Konto Lesen/Schreibberechtigungen:

Erstellen von Zugriffstoken – Bild vom Autor

Sobald Sie das Token erstellt haben, werden Sie angezeigt, dass es in Ihrem Konto aufgeführt ist. Meins ist aus Sicherheitsgründen im Folgenden versteckt. Stellen Sie sicher, dass Sie es sofort kopieren und an einem sicheren Ort aufbewahren. Ich empfehle Ihnen, einen Passwort -Supervisor wie 1Password zu verwenden, aber jeder sichere Passwort -Supervisor. Sie benötigen diese Informationen später, um Ihr lokales Setup mit dem Umarmungsgesicht zu verbinden.

Zugriff auf Token – Bild vom Autor

Wenn Sie Ihre Änderungen an das Repo weitergeben, fordert Sie GIT -Anmeldeinformationsmanager für einen Benutzernamen und ein Passwort auf.

Hinweis: Diese Eingabeaufforderung wird nur angezeigt, wenn Git auf Ihrem Laptop selbst installiert ist, nicht nur über die Visible Studio -Codeerweiterung.

Git Referential Supervisor – Bild des Autors

Geben Sie Ihren GitHub -Benutzernamen ein und fügen Sie für das Passwort das gerade erstellte Token ein.

Voilá! Nach dem Engagement leben die Änderungen jetzt in Ihrem Repo. Ab diesem Zeitpunkt können Sie damit wie bei jedem anderen Git -Repository damit arbeiten.


Sehen Sie sich unsere App reside an

Wie unten gezeigt, wurde unser Code gerade aktualisiert:

Code mit unserem Commit – Picture vom Autor aktualisiert

Aber noch besser, gehen wir zu der App Speisekarte:

App -Menü – Bild vom Autor

Und genau so ist die App reside und läuft genau wie auf meinem Laptop on-line.

Streamlit App ist reside! – Bild des Autors

Folgen Sie dem Hyperlink, um es reside zu sehen.

Wenn Sie Ihre Arbeit präsentieren oder Ihre Ideen teilen möchten, ist das Umarmung von Gesichtsräumen eine der einfachsten und effektivsten Möglichkeiten, dies zu tun. Sie können klein mit einer einzelnen Datei starten oder etwas Ehrgeigeres erstellen. Die Plattform kümmert sich um das Internet hosting, sodass Sie sich auf das Aufbau und das Teilen konzentrieren können.

Haben Sie keine Angst davor, zu experimentieren und herumzuspielen. Selbst eine einfache Demo kann zum Beginn Ihres eigenen Projektportfolios werden. Fühlen Sie sich frei, Ihre Apps in den Kommentaren dieses Beitrags zu teilen!

Von admin

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert