Erstellen und veröffentlichen einer kostenlosen Website / WebApp mit Python in 5 einfachen Schritten

1. Video 1 Einführung: Hey Leute, mein Name ist oder pidgin und ich bin ein Datenwissenschaftler, der mit einem Startup arbeitet, 3M, wenn wir darüber sprechen, wie Sie Ihre eigene Website mit Python erstellen und es in nur fünf Minuten live machen, völlig kostenlos. Also, ohne zu warten, lasst uns voran springen. Der Technologie-Stack des Verkäufers, den wir verwenden werden. Also meistens ist es Python. Und in Python werden wir ein Modul namens stream verwenden , das ich später darüber sprechen werde. Wir werden GitHub verwenden, um unser Repository und den Code zu speichern. Und dann, wenn Sie Heroku verwenden, stellen Sie unsere Anwendung bereit. Dies sind im Großen und Ganzen die Schritte, die involviert sind. Also werden wir eine Testanwendung erstellen und prüfen, lokal überprüfen. Wir bereiten Application Bot Bereitstellung veröffentlicht die Anwendung, die Codebasis auf GitHub und dann erneut bereitstellen mit Ketones. So sehen wir uns im nächsten Video. 2. Video 2 eine lokale Version deiner Web-App erstellen: Bevor wir tatsächlich in die Codierung springen, werden wir darüber sprechen, welcher Strom das ist. Also FIM Rate ist eigentlich ein Startup, sei irgendwie Kalifornien, schätze ich. Sie schaffen tatsächlich eine Möglichkeit, Daten-Apps abzurechnen und zu teilen, genauer gesagt Anwendungen für maschinelles Lernen. Aber das kann auch als Werkzeug genutzt werden, um unsere eigene Website zu erstellen, einen kleinen Blog oder so, wie wir später darüber sprechen werden. Aber darum geht es bei Streambriefen. Es ist so einfach, mit der Installation des Moduls mit pip install zu beginnen, und dann werden wir sehen, wie es geht. Ich würde es vorziehen, dass Sie conda Umgebung oder 0 aktivieren, jede lohnende Umgebung und neue. In dieser virtuellen Umgebung können Sie einfach eine pip-Installation durchführen, optimiert. Und es wird laufen. Also meine ist schon da. So sagen Sie einfach, dass alles zufrieden ist, löschen Sie das Terminal. Und sobald Sie das installiert haben, müssen Sie gehen, um zu einem Ordner zu gehen, in dem die Anwendung vorhanden ist. Dieser Ordner ist in diesem Ordner vorhanden, um zu sagen, dass es Boot stromlinienförmig als st. Lassen Sie mich sehen, ob dieser Ordner, also eine Sache, die Sie sich merken sollten, ist, diesen Ordner abzuzeichnen, Sie müssen ihn benennen. Ich bin genauso, wie du es sehen willst. Also mal sehen, ich bin, ich möchte es als Test-App sehen, also schreibe ich einfach Test app.py. Also habe ich meinen Stream spät importiert. Ich muss eine Hauptfunktion definieren, die im Grunde Server Definitiv aufrufen wird, und ich werde nur sd dot ausprobiert schreiben. Hey, das ist die Demo von Stream live. Und wird diese Funktion grundsätzlich auf unbestimmte Zeit aufrufen. sage, ich meine, ja, und ich rufe diese Funktion einfach an. Sobald ich diese Funktion gespeichert habe, muss ich diese Datei nur spät mit Stream ausführen. Also, was ich tun werde, ist, dass ich zu meinem Terminal gehe. Ich befinde mich bereits in dem Ordner, in dem diese Datei vorhanden ist, der test.py ist. Ich muss nur Stream schreiben. Lassen Sie app.py ausführen, drücken Sie die Eingabetaste. Was es tun wird, ist im Grunde eine App unter dieser Adresse zu erstellen , auf die lokal zugegriffen werden kann. Also, wenn Sie zu localhost Port 8500 gehen, sollten Sie Ihre App sehen, was genau hier ist. Also, wenn Sie eine Änderung im Code vornehmen, sagen wir, ich füge einige Abschlaginhalte hinzu. Vielleicht gibt es nur eine Überschrift drei Art von Angriff. Wie gerettet. Sobald ich die Datei speichere, erkennt sie, dass die Quelldatei geändert wurde, und Sie können die App erneut ausführen. Das wird Ihnen also im Grunde das Bessere geben. Dies ist also eine sehr einfache App, minimale App. Sie können einfach mit Einstellungen herumspielen. Zum Beispiel. Es kann die App und den weißen Modus zeigen und so weiter und so weiter. Also die neueste Version von streamline, es hat 0 Team als auch, zu dunkel und hellen Modus. Ich benutze hier nicht die neueste Version, aber Sie können das verwenden. So erstellen wir eine sehr schnelle Demo-Website. Natürlich ist dies ein acht Zeilen Code, aber Sie können es komplizierter machen, indem Sie Dinge hinzufügen, Schaltflächen hinzufügen und so weiter und so weiter. Und vielleicht tun, was später. Wir wollen dies nicht auf Stream selbst, aber dieses Video spricht hauptsächlich darüber, wie man gestreamt verwendet, um es bereitzustellen und einfach auf der Website bereitstellen kann. So sehen wir uns im nächsten Video. 3. Video 3 Vorbereiten von Web-App/Website für die Bereitstellung von: Hey alle, willkommen zum nächsten Video. Also, wenn Sie sich im letzten Video erinnern, haben wir einen Demo-Stream erstellt, der oben. So hoffe ich, dass es lokal gut gelaufen ist. Nun, was wir in diesem Video tun werden, ist im Grunde vorbereitet diese App für die Bereitstellung auf Heroku. Es gibt also ein paar Dateien, die Sie diesem Ordner hinzufügen müssen. Und ich rede Schritt für Schritt über diese Akten. Also habe ich dieses Repository, das ich mit Stream erstellt habe , dass es alle Dateien enthält, die ich nur verweisen werde, um einen Baum zu pausieren und ich werde am Ende einen Link dieses Projektarchivs geben. Also zuerst brauchen Sie eine Proc-Datei. Procfile teilt im Wesentlichen mit, welche Datei ausgeführt werden soll und welche Datei beim Ausführen des Streams NetApp gesucht werden soll. Also kopiere ich einfach den Inhalt dieser Datei und füge ein Paar ein. Und wenn Sie sehen, sagt es, dass eine Setup-Produsage-Datei verwenden und dann natron streamen. Was auch immer der Name Ihrer App ist, wenn mein Fall ist, es ist Testunterstrich-App, die mit der App übereinstimmen sollte, die ich verwendet habe, um diese Datei zu beschämen. Also werde ich tun, dass das Hinzufügen von Ruhe alle gleich sind. Die einzige Änderung, die Sie vornehmen müssen, besteht darin, sicherzustellen, dass Sie den Namen dieser Datei ändern. Sobald ich das gespeichert habe, muss ich es nur in Dateiname, Proc-Datei speichern. Und wir haben es genau dort. Okay, wir haben Procfile Verschachtelung. Wir müssen eine Anforderungsdatei haben. Das sagt also nur dem Heroku, was alle Anforderungen wir brauchen. Also hier müssen wir nur simulieren, das ist alles Pandas. Numpy ein XML ist nicht etwas, das wir brauchen. Aber Sie können dies hinzufügen, wenn Sie eine komplizierte App erstellen. Was auch immer die Anforderungen sind, Sie können das einfach hinzufügen. Also habe ich gerade diese Anforderung Pfizer Datei gespeichert. Alles klar, das nächste, was wir tun müssen, ist im Grunde eine Laufzeit anzugeben. Nehmen wir also an, wir geben eine Python 3.6.13 Version an. Also machen wir das und Algen speichern diese Datei und Laufzeitpunkt TXT. Los geht's. Und die letzte Datei ist die Setup-Punkt-SH-Datei. Es enthält im Grunde einige Befehle über gestreamt, oder? Sie wissen, wie zu installieren schrie und Heroku. Wir müssen jetzt definitiv nicht mehr tief in das eintauchen. Und wir müssen nichts als Datei ändern, es ist nur, um gefährlich vorhanden zu sein. Also vielleicht sprechen Sie über diese Datei und mehr in einem fortgeschritteneren Video, aber wir müssen nur diese Datei erstellen. Nur um zu wiederholen, müssen wir vier zusätzliche Dateien erstellen, Procfile-Anforderungen, Laufzeit- und Setup-Punkt SH. Sie müssen sich nicht an alles erinnern, aber Sie möchten nur sicherstellen, dass Sie die Variablen entsprechend ändern , wo immer relevant, und fügen Sie Entität, jedes Modul, das Sie verwenden, oder wenn Ihre Anwendung unterstützt oder bestimmte Python Version, und das ist es. In diesem Fall haben wir unsere Anwendung für die Bereitstellung vorbereitet und wir veröffentlichen sie auf GitHub und wir werden sehen, wie sie bereitgestellt wird. So sehen wir uns im nächsten Video. 4. Video 4: In Ordnung, also sind wir mit Schritt eins und Schritt zwei fertig, um eine Anwendung für die Bereitstellung zu verhindern. Jetzt veröffentlichen wir unseren Ordner und die Codebasis auf GitHub. Um dies zu tun, habe ich ein leeres Repository in GitHub Desktop erstellt, und ich habe meinen gesamten Code Windows-Desktop-Ordner verschoben. Jetzt bin ich einfach nicht schieben es dauerte eine Wanne. So wie ich es mache, wenn ich zu meinem Testbett navigiere, und ich bin schon tot. Und wir machen einfach einen Git, fügen Sie hinzu. Git Commit. Und Nachricht wird Brände hinzufügen. Und dann holen Sie Bergosh. Sie KMU für uns, sagen Sie es, geben Sie es. Und doch VR alles gut da. Also werde ich nur eine Aktualisierung durchführen und ich kann meine Objektdatei hier sehen. Also haben wir unsere Requisitendatei, die gut aussieht. Wir haben unsere Anforderungsdatei, die auch Kürbis aussieht. Wir sind vorne. X-bar sieht gut aus. Setup bekam SSH-Datei, sieht gut aus, und Desktop-Punkt-PUF sieht gut aus. Es gibt also mehrere Möglichkeiten, mit denen Sie Ihren Code auf GitHub übertragen können. Einer ist wie das Küssen der Schnittstelle, die aufstehen bietet, können Sie einfach auf Dateien hinzufügen und Dateien hochladen oder neue Kämpfe erstellen oder auf andere Weise mit der Eingabeaufforderung. So wie ich es getan habe. Also, ja, er hat auch mit Schritt 3 fertig. Und der Hauptschritt, der wichtigste Schritt ist, null zu bleiben, was die Bereitstellung ist. Also reden wir darüber und das nächste Video. Wir sehen uns. 5. Video 5 Einrichten von Heroku: Hallo, alle wieder. Also haben wir, wir sind, wir sind fertig mit Schritt 1, 2, 3. Und der wichtigste Schritt zur Bereitstellung der Website ist jetzt noch übrig, und wir werden nur sehen, wie das geht. Also verwenden wir etwas namens Heroku, um das zu tun. Und ich melde mich einfach ab und melde mich wieder an und zeige dir einfach, worum es bei Heroku geht. So war Heroku eigentlich ein Unternehmen, das jetzt Teil von Salesforce ist. Es hilft im Grunde, Dinge in der Cloud bereitzustellen. Natürlich die Ladung dafür. Aber ich bin ein großer neuerer Benutzer wie kann sich einfach anmelden oder ein Konto erstellen und nur fünf Anwendungen kostenlos installieren oder bereitstellen. Obwohl es eingeschränkte Funktionalität gibt, aber selbst die kostenlose Version ist wie ziemlich gut. Also fühlen Sie sich frei, diese Details zu füllen und ein kostenloses Konto zu erstellen. Es werden keine Gebühren für Kreditkarte, Ihre eigenen Afrikaner geben Ihnen eine Kreditkarte oder etwas anderes. Sobald Sie das tun, können Sie sich bei Heroku anmelden. Und wenn Sie, wenn Sie sich bei Heroku anmelden ist etwas, das ist, was Sie bekommen. Jetzt habe ich diese kostenlosen Apps bereits erstellt. Also, was ich tun werde, ist, dass ich auf Namen drücken werde. Und dann müssen wir hier auf neue App erstellen drücken. Sobald wir das tun, wird es uns unseren App-Namen fragen. Lassen Sie uns also versuchen, zu sehen, ob Desktop verfügbar ist oder nicht. Es scheint, dass es nur Kleinbuchstaben und Zahlen und Bindestriche enthalten sollte. Also natürlich, das ist Unterstrich ein Buch, also vielleicht versuchen Sie es einfach. Ja, dieser Name ist nicht verfügbar. Testen Sie den Upstream. Lasst uns das versuchen. Und das ist auch nicht verfügbar. Lasst uns das versuchen. Also ja, dies ist verfügbar Desktop gestreamt Live-Demo, so dass Sie einen beliebigen Namen wählen können, den Sie wollen. Stellen Sie einfach sicher, dass es verfügbar ist. Sie können eine der Regionen wählen, um welche Regionen hier in der Nähe der Auswahl Vereinigte Staaten wird nicht auf Add to pipe im Kampf drücken. Es ist einmal zentriert, je nachdem, was wir in späteren Kursen darüber reden. Sie drücken auf Create app. Und wenn, wenn Sie das tun, wird es Sie eine Menge Antwort fragen, Was ist die Bereitstellungsmethode und so weiter und so weiter. Sie haben also das Überspringen dieses Teils, die Pipeline, aber Sie müssen direkt zur Bereitstellungsmethode kommen. Nun, was Sie tun müssen, ist, dass wir drei Optionen auf Heroku bereitstellen können. Man benutzt Headed to Heroku git, was nichts anderes als die Befehlszeilenfunktionalitäten auf Kit ist. Sie können Ihre Ordner direkt von dort aus schieben, um aufzustehen. Ein anderer ist die Verwendung von GitHub und ein anderer ist die Verwendung von Container Registry. Wieder, Befehlszeilen-basiertes Werkzeug. Wir werden uns nur auf die Verwendung von GitHub konzentrieren. Wenn Sie also auf GitHub drücken, wird es Sie auffordern, sich mit einem GitHub-Konto anzumelden und dann wird es direkt mit unserem GitHub-Konto verbunden. Dann können Sie suchen, welche Repre Sie bereitstellen müssen. Also habe ich bereits eine Verbindung hergestellt, um es mit meinem Konto zu verbinden. Und der Rep, der als im Grunde diesen Rep auswählen muss, oh, sorry, dieses Repo, das Test-App ist. Und so schreibe ich einfach Desktop und drücke auf die Suche und ich hoffe, es findet den Bericht. Oh ja, es findet den Rebellen. Und was ich tun werde, ist, dass ich einfach auf Connect drücken werde. So heißt es verbunden mit diesem Repo und es wird nur soziale Informationen, wenn Sie über verschiedene Releases und so weiter und so weiter überprüfen möchten, können Sie eine Marke auswählen, die bereitgestellt werden soll. Ich habe nur einen Hauptzweig, wo kein anderer Zweig, aber Sie können jeden Zweig wählen. Und ich klicke auf Automatische Bereitstellungen aktivieren. Was es also tut, ist im Grunde, wenn Sie einen Code an Ihr GitHub-Repo schieben , wird es automatisch unsere Anwendung erneut bereitstellen. Wenn ich zum Beispiel Änderungen an meinem Stream dieser App vornehme, tut es mir leid. Ja, wenn ich Änderungen an meinem Stream vornehme, das hier oben, alles und ich schiebe es auf GitHub mit aktualisiertem Code. Dadurch wird meine aktualisierte App automatisch bereitgestellt und wir aktualisieren meine App in Echtzeit. Das ist also wirklich nützliches Feature. Also mache ich im Allgemeinen automatische Bereitstellung, falls Sie nicht möchten, dass das passiert, können Sie MN immer deaktivieren. Ja, ich meine, Sie können einen Zweig auch manuell bereitstellen. Also wähle ich den Hauptzweig aus und klicke auf Bereitstellen. Was es also tun wird, ist im Grunde, dass es Ihren Code erstellen wird. Und Sie können die Protokolle hier sehen. Es installiert Python 3.6.13 Version, was im Grunde das ist, was wir im Runtime Punkt TXT Text erwähnt. Und dann wird es alle Anforderungen für STM Lead installieren. Und im Grunde liest es Ihre Anforderungsdatei erneut und es wird alles installieren, richtig? Sobald das erledigt ist, dauert es in der Regel einige Zeit, um Ihren Zweig oder Ihre Kälte zu bauen, etwa zwei bis drei Minuten, je nachdem, wie sperrig und wie komplex es, als ob Sie viele Paketrückstände verwenden, wird Zeit brauchen, um zu installieren. Aber eine grundlegende Installation ist erledigt. Es erstellt im Wesentlichen einen virtuellen Computer für Sie irgendwo in der Cloud. Und dann installiert es Python und, und obwohl alle Abhängigkeiten, die es benötigt, ein, sobald es das tut, wird es Ihnen nur eine Nachricht geben, dass die Bereitstellung erfolgreich ist. Also lasst uns einfach auf diese Nachricht warten. Also ja, wollte nur eine Sache hinzufügen. Es sagt, dass Kompression getan 139 MB. Es gibt ein Limit für jede Anwendung, die 500 MB in der kostenlosen Version von Heroku ist. Sie können also keine Anwendung mehr als 500 MB bereitstellen. Aber wenn Ihre Anwendung hauptsächlich Text enthält, wird es Ihnen gut gehen. Alles klar, so sieht es veröffentlicht V3 und Sie können diese beiden verwenden. Es besagt, dass Ihre App unter dieser URL mithilfe von Heroku bereitgestellt wurde. Und wir sind gut. Es besagt, dass Sie erfolgreich eingesetzt werden können. Nun, wenn Sie Ihre App anzeigen möchten, müssen Sie nur auf die Schaltfläche Anzeigen klicken. Dies ist Ihr Ordner, in dem Sie im Grunde müssen, können Sie Ihre Anwendung sehen. Alles klar, das ist jetzt die aktualisierte Version. Sie können das Thema Ihrer Anwendung von Kopf gegen ändern, wählen Sie ein Lichtthema. Sie können ein dunkles Thema wählen. Du kannst, du kannst damit herumspielen. Ordnung, also war dies eine schnelle Demo, wie man eine Anwendung mit Stream Net im Web bereitstellt. Und dieser Link ist etwas, das Sie mit Ihren Freunden teilen können, jemand anderes? Also, alles klar, vielen Dank.