Flask auf Server hosten?

Hallo,

Ich arbeite gerade mit Flask und als Anfänger arbeitet man da ja natürlich immer mit dem Localhost bzw. Development Server. Für mein Projekt bräuchte ich da aber mehr oder weniger eine Anwendung bei der das Flask-File von überall aufgerufen werden und arbeiten kann.

Welche Möglichkeiten habe ich da um das ganze von woanders zu hosten. Würde nämlich gerne von einer Website Daten an diesen „Server“ spielen der verarbeitet das dann und schickt die verarbeiteten Daten wieder an die Website zurück. Handelt es sich hierbei dann um eine RestApi?

Bin noch ein Anfänger in diesem Bereich trotzdem würde es mich sehr freuen wenn ihr mir hier Tipps geben könntet wie ich das ganze auf einen Server bringen könnte!

2 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Webseite, programmieren

29.06.2022, 05:25

Welche Möglichkeiten habe ich da um das ganze von woanders zu hosten.

Im einfachsten Fall suchst du dir einen Webhosting Service, der es dir erlaubt, Python-/Flask-Anwendungen zu betreiben. Anbieter solltest du ausreichend finden, sei es DigitalOcean, PythonAnywhere, Google Cloud, Ionos, o.ä..

Bezüglich der Einrichtung / des Datei-Uploads solltest du in das FAQ/Manual des jeweiligen Anbieters schauen. In der Regel bietet dieser zumindest grundlegende Informationen.

Sollte der Hosting-Anbieter noch keine Webservervorgaben machen (du diesen also erst selbst einrichten müsstest), dann beachte, dass der von Flask mitgelieferte Server (Werkzeug) nicht für Produktivsysteme ausgelegt ist (lies dazu auch hier). Nutze stattdessen eine Alternative wie Gunicorn oder Apache (mit mod_wsgi). Weiteres dazu hier.

Handelt es sich hierbei dann um eine RestApi?

Wenn die Anwendung öffentliche Anknüpfpunkte bietet, kann man dies als API bezeichnen. In deinem Fall sind es dann spezifische URLs, die nach Anfrage irgendwelche Daten zurückliefern.

Eine RESTful API ist eine spezielle Form an API, die nochmals spezielle Kriterien erfüllt. Es gibt etliche Internetartikel, die näher darauf eingehen. So zum Beispiel dieser von Red Hat.

Wenn du mit Flask eine RESTful API bauen möchtest, kann dir womöglich die Flask-RESTful-Extension zusätzliche Hilfe leisten.

yanik1313

29.06.2022, 03:39

Mit Localhost meinst du deinen Computer?

Kannst ja sonst einfach einen Virtuellen Server aufsetzen.

Ähnliche Beiträge

Flask Backend hosten?

Hey ich bin noch ziemlicher Anfänger und habe noch kaum was mit Servern am Hut.

Ich habe eine Website mit HTML und flask erstellt und würde diese nun gerne online stellen. Ich habe die HTML Website jetzt auf Strato gehostet und alles funktioniert top.

Die Frage ist nun wie ich das Flaskprogramm hosten kann und wie ich es mit meiner Website connecten kann. Ich habe ja bisher immer mit Localhost also 127.0.0.1 gearbeitet und muss im Programm dann vermute ich Mal die IP Adresse des Servers nutzen.

Und was für ein Server benötige ich da?

...zum Beitrag

Cross Origin Anfrage blockiert?

Ich möchte gerade eine REST-API für mein Heimnetzwerk einrichten um über z.B. einen button einen CMD befehl auf dem Server PC auszuführen.

Mein Pythonscript für die API:

from flask import Flask, request, jsonify
from flask_cors import CORS

app = Flask(__name__)
CORS(app)

@app.route('/execute-command', methods=['POST'])
def execute_command():
  # Hier wird der Code zum Ausführen des Befehls eingefügt
  result = "Befehl wurde ausgeführt."
  return jsonify({"response": result})

if __name__ == '__main__':
  app.run(host='0.0.0.0', port=5000)

Mein HTML Script<!DOCTYPE html>
<html>
<head>
  <title>API Test</title>
</head>
<body>
  <button id="executeBtn">Befehl ausführen</button>
<script>
  document.getElementById('executeBtn').addEventListener('click', function() {
    fetch('http://localhost:5000/execute-command', { // Verwende absolute URL
      method: 'POST',
    })
    .then(response => response.json())
    .then(data => {
      console.log(data);
    })
    .catch(error => {
      console.error('Fehler:', error);
    });
  });
</script>
</body>
</html>

Ich bekomme als Fehler von Firefox in der Konsole:

Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf http://localhost:5000/execute-command. (Grund: CORS-Anfrage schlug fehl). Statuscode: (null).

Fehler: TypeError: NetworkError when attempting to fetch resource

Entschuldigung wenn es offensichtlich ist, bin da noch sehr frisch und habe keine Lösung gefunden.

...zum Beitrag

flask: jinja2.exceptions.TemplateNotFound: index.html | Wie fixen?

Hallo zusammen,

nachdem ich jetzt Stunden, und zwar wirklich Stunden an nur einem, meiner Meinung nach unnötigem Problem gesessen habe, bitte ich nun um Hilfe.

Folgendes vorab: Nachdem ich die Datenbankkonfiguration ausgelagert habe, fing das Problem wieder an. Zuvor habe ich in die flask_app.py einfach folgendes eingetragen, was das Problem löste:

data = "Daten aus Python-Skript"

Ich persönlich arbeite mich ja in die Programmierung ein, habe aber das Gefühl, dass Flask irgendwie unnötig kompliziert ist. Aber das ist ja nicht wichtig.

Ich habe just for fun OpenAI mal über den Code laufen lassen: Zugegeben, ist das nicht die schlauste Option, aber nach 5 Stunden nur für diesen Code verzweifelt man doch etwas xD

Ich möchte Daten aus der Datenbank abrufen und auf der Webseite anzeigen lassen. Dazu existiert folgender Code:

Hauptverzeichnis/main.py:

from web.flask_app import app
from systm import main

if __name__ == '__main__':
    app.run(debug=True, host="0.0.0.0", port=5000)  # 5000 Standard

Hauptverzeichnis/systm/main.py:

from flask import Flask, render_template
from systm.d import create_db_connection

app = Flask(__name__)


# Datenbankverbindung initialisieren
db = create_db_connection()
cursor = db.cursor()


@app.route('/')
def display_data():
    # Hier können Sie Daten aus Ihrem Python-Skript abrufen
    cursor.execute("SELECT * FROM products")
    product_info = cursor.fetchall()

    # Diese Daten werden an die HTML-Datei übergeben
    return render_template('index.html', product_info=product_info)


# Route, um Produktinformationen anzuzeigen
@app.route('/products')
def display_products():
    # Informationen aus der Datenbank abrufen
    cursor.execute("SELECT * FROM products")
    product_info = cursor.fetchall()

    # Informationen an das HTML-Template übergeben und anzeigen
    return render_template('products.html', product_info=product_info)


if __name__ == '__main__':
    app.run(debug=True)

Hauptverzeichnis/systm/d.py:

import mysql.connector

def create_db_connection():
    db = mysql.connector.connect(
        host="",
        user="",
        password="",
        database=""
    )
    return db

Hauptverzeichnis/web/flask_app.py:

from flask import Flask, render_template
from systm.d import create_db_connection

app = Flask(__name__, template_folder='web/templates', static_folder='web/static')


# Deaktivieren des Template-Caching
app.jinja_env.auto_reload = True
app.config['TEMPLATES_AUTO_RELOAD'] = True
app.config['STATIC_AUTO_RELOAD'] = True


# Datenbankverbindung initialisieren
db = create_db_connection()
cursor = db.cursor()


@app.route('/')
def display_data():
    # Daten aus der Datenbank abrufen
    cursor.execute("SELECT * FROM products")
    product_info = cursor.fetchall()

    # Diese Daten werden an die HTML-Datei übergeben und angezeigt
    return render_template('index.html', product_info=product_info)

Hauptverzeichnis/web/templates/index.html :

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="style/css" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <h1>Produktinformationen</h1>
    <table>
        <tr>
            <th>Produktname</th>
            <th>Verschlüsselungstyp</th>
            <!-- Weitere Spalten hinzufügen -->
        </tr>
        {% for product in product_info %}
        <tr>
            <td>{{ product[0] }}</td>
            <td>{{ product[1] }}</td>
            <!-- Weitere Spalten hinzufügen -->
        </tr>
        {% endfor %}
    </table>
</body>
</html>

...zum Beitrag

Website hosten auf eigenen Server?

Guten Tag,

und zwar habe ich ein Problem, ich möchte meinen "gemieteten" Server dazu nutzen, um eine Website zu hosten mit apache/httpd. Httpd habe ich bereits installiert, und ich möchte darauf meine Website hosten, jedoch weiß ich nicht wie, und kann auch keine "man" dazu finden.

Vielen dank für die Hilfe im voraus!

Lg. Tobias

...zum Beitrag

Flask Website lädt oft Ressourcen nicht?

Ausgangslage:

Flask Backend über CGI deployed
Alle genutzen Ressourcen (CSS, Images, Videos, etc.) werden über url_for() importiert
CGI daher, weil es sich um einen gemieteten Strato Server handelt und dieser im "Hosting Basic" Paket nur CGI akzeptiert. (Wer andere Infos darüber hat, gerne her damit)

Problem:

In 30% der Fälle lädt die Seite ohne Probleme, alle Inhalte werden korrekt geladen und angezeigt
In 35% der Fälle lädt die Seite zwar (auch die JS Datei, die die Loading Page nach dem vollständigen Laden der Seite entfernt) aber es fehlen Videos im Hintergrund
In weiteren 35% der Fälle wird der Loading Screen angezeigt, aber weder Bilder, Videos, CSS Dateien, noch die JS Datei, die den Loader entfernt, werden geladen, wodurch nur der Loader zu sehen ist.

Konsole schmeißt für jede Ressource den Fehlercode 500 aus

Error Log zeigt immer, immer wieder:

End of script output before headers: [NAME].cgi

Alle Dateien im Ordner cgi-bin, sprich alle Page relevanten Files haben die Permission 755

Ist der Server einfach manchmal überlastet? Und hat hier noch jemand Ideen, was ich noch versuchen kann?

Vielen Dank im Voraus!

...zum Beitrag

Wie sende ich Variablen von JavaScript nach Flask via jQuery?

Hallo,

ich bin in JavaScript/jQuery und auch Python/Flask noch ein ziemlicher Anfänger. Ich versuche gerade, einfach nur ein JSON-Objekt aus JavaScript in einem HTML-Template mit Flask anzuzeigen.

Hier mein Code:

Flask:

from flask import Flask,request, render_template

app = Flask(__name__)

@app.route("/")
def rofl():
  return render_template("test.html")

@app.route("/test", methods=['POST'])
def test():
  Namensliste = request.get_json(True)
  print(Namensliste)
  return render_template("rofl.html", Namensliste=Namensliste)

if __name__ == '__main__':
  app.run(port=5200)

test.html:

<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <form action="#" method="post">
    <button type="button" onclick="JSONTest()"> Send UserInfo</button>
  </form>
</body>

rofl.html:

<head>
  <meta charset="UTF-8">
  <title>Titel</title>
</head>
<body>
  NamensListe: {{Namensliste}}
</body>

JavaScript-Datei:

var myJason = {
  "name1" : "Jens",
  "name2" : "Josef",
  "name3" : "Johannes"
}

function JSONTest() {
  var MyJason= JSON.stringify(myJason);
  console.log(MyJason)
  $.ajax({
    type: 'POST',
    url: '/test',
    data: MyJason,
    success: function(data) {
      console.log(data, "Rückmeldung1");
  }});
}

Wie mein Code eigentlich funktionieren soll ist: Ich rufe die Route "/" auf, drücke auf den Button: "JSONTest()" und meine Funktion sendet via jQuery mein JSON-Objekt an "/test". Dort wird das Objekt in Namensliste gespeichert und rofl.html mit der Namensliste darin aufgerufen.

Ich weiß, dass hier wahrscheinlich viele Grundlagenfehler drin sind, aber ich habe wirklich ewig lang gegooglet und finde einfach nicht, wie man es richtig macht.

Danke schon einmal für jede Idee.

...zum Beitrag

Website hosting über Fivem?

Moin! Ich lerne Gerade html und würde gerne meine website hosten. Ich habe einen Fivem Server bei Zap-Hosting gemietet. Kann ich die website darüber hosten und wie ?

...zum Beitrag

Bei wem Website hosten?

Guten Tag, ich habe mich gefragt, bei wem ich am besten eine Website hosten sollte. Derzeit bin ich bei Strato finde aber die Ladezeiten der Website nicht so schnell und würde daher zu einen neuen Hoster gehen und dann auch mit dem Hosting Paket upgraden. Die Website, die ich hosten will, soll ziemlich groß werden, also deutschlandweit vertreten sein und daher wäre meine zweite Fragen dann noch, welche Server ich dann dort mieten sollte?

Vielen Dank im Voraus für die Antworten

Mit freundlichen Grüßen

...zum Beitrag

Sql Passwörter ausserhalb vom Web Root speichern?

Wie mache ich das ? Ich hab gelesen ich muss irgendwie eine config file erstellen und die nicht öffentlich zugänglich machen.

backend nutze ich php und webhost ist all inkl.

Soll nicht sicher sein die daten so im quellcode zu lassen falls ein hacker meinen server lahm legt oder so

$host = localhost;

$Dbname = ...;

...

Usw.

...zum Beitrag

Kann ich eine Datenbank von einer Webseite extrahieren?

Guten Tag,

ich würde gerne von der Website: "https://www.choicelab.de/schools" alle Daten in einer Tabelle darstellen (Schule, Adresse, Telefonnummer, usw.).

Die Schulen werden jedoch erst angezeigt, wenn man explizite Angaben macht. Das wäre sehr viel Arbeit, das alles selbst herauszuschreiben.

Gibt es eine Möglichkeit, die Datenbank von der Website zu extrahieren? Kennt sich jemand vielleicht mit so etwas aus?

...zum Beitrag

eigenen HTML-Website, die auf meinem privaten Server zu Hause gehostet ist fernzugriff?

"Hallo liebe Community! Ich grüße euch herzlich. Ich arbeite derzeit an meiner eigenen HTML-Website, die auf meinem privaten Server zu Hause gehostet ist. Nun möchte ich die Möglichkeit haben, diese Website von extern aus zu bearbeiten, ohne physisch auf meinen Server zugreifen zu müssen. Welche Schritte muss ich unternehmen, um eine sichere Fernzugriffsverbindung einzurichten, damit ich meine Website von überall aus bearbeiten kann? Ich bin dankbar für ausführliche Anleitungen und Tipps, wie ich dies realisieren kann. Wenn die snicht möglich ist würde auch ein zugriff von extern auf den servcer gehen wenn möglich erklären wie es gheht. möchte den server nicht bei einen provider hosten sondern bei mir. Vielen Dank im Voraus!"

...zum Beitrag

nginx ich möchte zwei Projekte auf einem Server laufen lassen?

Ich möchte zwei Projekte auf einem Server laufen lassen, hier indem Beispiel werden einfach zwei angular Projekte genommen diese sollten je nach name /a1 oder /a2 geöffnet werden. Die angular projekte laufen schon auf dem Server, leider werden die Webseiten nicht über nginx geöffnet.

events{}
http {


server {
    server_name localhost;


    location /a1/ {    
        proxy_pass http://localhost:4201;
    }


    location /a2/ {    
        proxy_pass http://localhost:4202;
    }
}


}

Sobald ich versuche auf localhost/a1 oder /a2 drauf zu kommen, bekomme ich die Meldung "502 Bad Gateway" und die Fehlermeldung in der Konsole:

prox-1  | 192.168.224.1 - - [27/Jul/2022:19:51:03 +0000] "GET /a1/ HTTP/1.1" 502 559 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36" prox-1  | 2022/07/27 19:51:03 [error] 32#32: *1 connect() failed (111: Connection refused) while connecting to upstream, client: 192.168.224.1, server: localhost, request: "GET /a1/ HTTP/1.1", upstream: "http://127.0.0.1:4201/a1/", host: "localhost"

Kann mir jemand Helfen, wie ich das schaffen könnt zwei Projekte auf einem Server laufen lassen zu können und über einen Port 80 drauf zugreifen kann?

...zum Beitrag

Website mit MySQL Datenbank verbinden?

Ich habe mit XAMPP und phpmyadmin eine kleine SQL Datenbank angelegt. Man kommunziert da allerdings nur mit sich selbst. Wie verbinde ich also eine MySQL Datenbank mit einer Website, das ich z.B. mit einem PHP Skript Daten hinzufügen kann. Wichtig: Die Website sollte online sein und nicht nur für mich

...zum Beitrag

Daten senden mit fetch?

Hallo,

ich will mit der Fetch API Daten senden und abrufen. Aber wen ich dies tue, kommt ein Fehler:

POST http://127.0.0.1:5500/api net::ERR_ABORTED 405 (Method Not Allowed)

Ich weiß gar nicht, wie ich diesen Fehler beheben soll. Ich habe dazu auch nichts hilfreiches bis jetzt gefunden.

Mein Ziel ist es, Daten mit Javascript an einen Server (für den Anfang an localhost) zu senden und diese dann von einem weiteren localhost-Server abrufen.

Das ist meine Index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <section id="control-center">
        <button id="get-btn">Get Data</button>
        <button id="post-btn" onclick="test()">Post Data</button>
        <script>
            function test(){
                const data = {"name": "somename"}
                const options = {
                    method: "POST",
                    headers: {'Content-Type': 'application/json'},
                    body: JSON.stringify(data)
                }
                fetch('/api', options)
            }
        </script>
    </section>
</body>
</html>

Und das ist meine app.js:

const express = require('express')
const app = express()
app.listen(3000, () => console.log('3000'))
app.use(express.static('public'))

app.post('/api', (req, res) => {
    console.log(req)
})

Wenn jemand eine bessere Methode hat, Daten an einen Server zu senden, dann würde ich diese auch mal gerne probieren.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen