View source for User:Pedro Sá Couto/Prototyping 5th/Flask App/Serving HTML files

=Serving HTML file=

===01 Activate the created Virtual Environment===
<pre style="color: silver; background: black;">
$ source venv/bin/activate
</pre>

===02 Run the app===
<pre style="color: silver; background: black;">
$ flask run --host=0.0.0.0
</pre>

===03 Create a new directory===
<pre style="color: silver; background: black;">
$ cd app
</pre>

===04 Create templates directory===
<pre style="color: silver; background: black;">
$ mkdir templates
$ cd template
</pre>

===05 Create a html file===
<pre style="color: silver; background: black;">
$ touch index.html
</pre>

===06 Render the HTML template===
<pre style="color: silver; background: black;">
$ vim views.py
</pre>

<source lang="python">
from app import app

from falsk import render_template

@app.route("/")
def index():
    return render_template("index.html")
</source>

<pre style="color: silver; background: black;">
$ cd ..
$ flask run --host=0.0.0.0
</pre>

===07 Structure Templates===
public - Will contain all of the HTML files we want to serve from views.py<br>
admin - Will contain any HTML files we'll serve from our admin routes in admin_views.py
<pre style="color: silver; background: black;">
$ mkdir public admin
</pre>

===08 Move index.html to public===
<pre style="color: silver; background: black;">
$ mv index.html /public
</pre>

===09 Create dashboard.html in admin===
<pre style="color: silver; background: black;">
$ cd admin
$ touch dashboard.html
</pre>

===10 Change the directory path in admin_views.py===

<pre style="color: silver; background: black;">
$ vim admin_views.py
</pre>

<source lang="python">
from flask import render_template

@app.route("/admin/dashboard")
def admin_dashboard():
    return render_template("admin/dashboard.html")
</source>

===11 Change the directory path in views.py===
<pre style="color: silver; background: black;">
$ vim views.py
</pre>
<source lang="python">
@app.route("/")def index():
    return render_template("public/index.html")
</source>

===12 Deploy into prodcution===
<pre style="color: silver; background: black;">
$ cd ..
$ export FLASK_APP=run.py
$ cd app
$ export FLASK_ENV=production
$ FLASK_ENV=production
$ flask run --host=0.0.0.0
</pre>

<br><br><br><br>
<pre>
Building your first Flask app - Python on the web - Learning Flask series Pt. 3
https://www.youtube.com/watch?v=QrK50lIwgbk
https://pythonise.com/series/learning-flask/rendering-html-files-with-flask
</pre>