install Flask

pip3 install Flask

cli commands

touch run.py        <-- preferred for this project

or

touch app.py

(naming conventions)

more cli commands

python3 01*/01*/run.py

how to jinja

{{ url_for('index') }}

PEP8 compliant

2 blank lines separate each function

error messages very helpful in flask

look for your code half way down page for file and line number of error

key shortcut

ctrl shift k delete line of code

NB

{{ url_for('careers') }} {{means outut to screen or}}

{{ url_for('index') }} in this case

            <li><a href="{{ url_for('index') }}">Home</a></li>

href

the {% block content %} {%} are for control flow of statements - e.g. for loop - if statement - or this block element

{% extends "base.html" %}
{% block content %}
    <h1>Home Page</h1>
{% endblock %}

url for Bootstrap

wget https://github.com/StartBootstrap/startbootstrap-clean-blog/archive/refs/tags/v5.0.10.zip

bootstrap template

https://startbootstrap.com/themes https://startbootstrap.com/theme/clean-blog https://github.com/startbootstrap/startbootstrap-clean-blog/archive/gh-pages.zip

this last one is the save as on the download link

updated command: wget https://github.com/StartBootstrap/startbootstrap-clean-blog/archive/refs/tags/v5.0.10.zip

cli commands

mkdir static cd static wget https://github.com/StartBootstrap/startbootstrap-clean-blog/archive/refs/tags/v5.0.10.zip ls unzip v5.0.10.zip cd -

note static files and folders are already in 02*/01* however, wget command necessary above

start again

pip3 install Flask

python3 02*/02*/run.py

click open browser in poup

amp-what.com

https://www.amp-what.com/

see flask / using if

for left right alternating display

jinja templates

https://jinja.palletsprojects.com/en/3.0.x/

• Template Designer Documentation
  • List of Builtin Filters

to conform code to template

highlight code right click click format selection

install heroku plugin

heroku login -i

heroku

heroku apps

optional

heroku apps:rename <> --<> where app is cloud project

note

every heroku app comes with its own url - link to submit as well as its own git url

docs

https://devcenter.heroku.com/articles/heroku-cli

create app

heroku create

next

if necessary not already linked to git: git init not needed

git add -A same as git add .

git commit -m "Message"

if type git remote -v gives verbose output about the remotes that I have

push

old code git push -u heroku master

new code git push -u heroku master

command line output

remote: ! No default language could be detected for this app.

remote: ! Push failed remote: Verifying deploy... remote: remote: ! Push rejected

note

Github recently changed the name of its default branch from master to main As a result, the command git push -u heroku master

will throw the following error:

error: src refspec master does not match

To solve this issue, please use the this command instead: git push -u heroku main

4 steps to deploy to heroku

1 Create a Heroku App 2 Connect Git remote to Heroku 3 Create a requirements.txt file 4 Create aHeroku 'Procfile'

step 3

requirements.txt file

• A requirements.txt file contains a list of the Python dependencies that our project needs
• in order to run successfully.
• It's also how Heroku can detect what language we're using.
• (This is why last heroku push failed)

aside

/workspace/Flask-Framework/05-DeployingOurProjectToHeroku/04-pushing_to_heroku/Heroku_CLI_commands.md path to previous instructions

and back

pip3 freeze --local > requirements.txt redirects output of freeze command into requirements.txt pip3 freeze --local > requirements.txt

git add -A git commit -m "Add requirements.txt"

next

git push -u heroku master

note

not git push -u heroku main as previously specified but git push -u heroku master

requirements.txt

is synonymous with python lets heroku know this is a python app

heroku found requirements.txt installed python and pip installed all the other requirements such as Flask Jinja Click etc

failed load heroku logs --tail

failed because need to do step 4

create a Procfile

can see from previous command line output: remote: Procfile declares types -> (none)

The Procfile tells heroku how to run our application

step 4 Procfile

add this:

web: python run.py

to Procfile

next

(aside: note: Procfile has capital P no lowercase p) (this is the requirement for Heroku) (tells Heroku that it's going to be a web process) (and command to run our application is going to be python run.py) (the file name)

error ran:

echo:web: python run.py > Procfile

(generated Procfile)

then correct command ran:

echo web: python run.py > Procfile

push Procfile to heroku

git add Procfile git commit -m "Add Procfile" git push

remote: ! Your account has reached its concurrent builds limit.

Post Heroku notes on

if we leave app for a while and come back takes longer to load as dynos waking back up

If want to disconnect from Heroku and Deploy to GitHub

Look under Deploy Deployment method click GitHub connect to

copy repo name from GitHub

aside

how to swap place push to from heroku back to Github

also how to push files not in .gitignore to Github

own solution

terminal new terminal git remote shows heroku origin

aside 2

git remote -v

shows current remotes that are connected.

fetch push

by

heroku github

optional complete

git remote rm heroku

removes heroku

to push everything over to Github

git add -A git commit -m "Push to GitHub" git push origin master

got to GitHub Repository to check that it is updated with commit made

aside 3

note: says Publish Branch in SOURCE Control GUI sidebar