For this example, we’ll build a Flask app that functions as a dictionary. Our app will receive an English word as a request and will respond with information about the word, such as its definition(s), an example, synonyms, and antonyms. For this application, we’ll utilize a free Dictionary API.
Flask project template
contains a working example of a Flask project with features:
- Ready to ship Flask project template
- Database migrations out-of-the-box (uses Alembic)
- Simple setup
make setup && make run
which make local virtualenv isolated environment and doesn't trash your system python. - Contains
Dockerfile
that allows to setup full Linux environment on any host OS supported by Docker - Static files managed by
bower
. By default, templates useBootstrap
but don't force you to use this UI framework. - Have a working example of GitHub OAuth authorization, you only need to provide your security and secret key (will work with example keys only on
127.0.0.1:5000
). Allow user login/logout - i18n and l10n via integrated Babel support and
make
targets - User settings page with the ability to switch the site language
Flask-FlatPages
support to simplify static pages management- Built-In
Flask-Script
shell commands - Fixtures dump/restore support
- Integrated Celery background tasks management
- Cache using Flask-Cache
- Logging with an example of how to make email notifications when something goes wrong on the server
There are two ways. First way is use cookiecutter
template (it located in different repository):
cookiecutter https://github.com/xen/flask-ptc.git
The second way is to manually clone this repository and change it later by own. Project is ready to run (with some requirements). You need to clone and run:
$ mkdir Project
$ cd Project
$ git clone git@github.com:xen/flask-project-template.git .
$ make
$ make run
Open http://127.0.0.1:5000/, customize project files and have fun.
If you have any ideas about how to improve it Fork project and send me a pull request.
If you never worked with python projects then the simplest way is run project inside Docker. Follow instruction how to install Docker in your OS.
If you familiar with web development then you need Python and Node.js:
- Recent Python supported version with SQLite library (usually it is included)
- Working
virtualenv
command, a name can vary, so you can change it insideMakefile
make
bower
, if you already havenode.js
withnpm
then run this command:
npm install -g bower
How to make full Python setup on macOS is not topic that can be cowered quickly (because you will need XCode and few more steps). One of the preferred ways to install required packages is to use brew
. Memcached and Redis are not necessary for all sites, but I have included them in the project since my projects usually depend on them. If you need them also then install brew
and then run this command:
brew install python # or python3 or pypy
brew install memcached libmemcached redis
You also can use brew
to install your preferred RDBMS, nginx or whatever you need for your development.
Can I use Python 3?
This Flask project template is Python 3 ready, but unfortunately, some of the Flask extensions or python modules can be incompatible with Python 3.x. If you are sure that you don't need one of them then try to use Python 3.x or PyPy.
Flask
&Werkzeug
— base for everything.Babel
&Flask-Babel
— i18n support.Flask-FlatPages
withMarkdown
— to maintain auxiliary pages (About, Contacts, etc).Flask-Script
— simplify management tasks.Flask-WTF
— form validation.flask-restless
— restful API generator.Flask-SQLAlchemy
— database ORM layer build on top of SQLAlchemy, best python ORM with depth and flexibility.flask-migrate
— database schema migration support.python_social_auth
&Flask-Login
— social networks login.Celery
— background and deferred tasks broker.Flask-Cache
— tiny cache extension. Since I found myself using cache in most projects added this package to the list.
There are several useful targets in Makefile
:
setup
— will make local virtualenv environment and install all dependencies including JavaScript libraries instatic
folderrun
— local run server in DEBUG modeinit
— synchronize database scheme and apply migrations. This target should be idempotent (if you run in several times you will get the same results in the end), but if you work with several databases at once sometimes in need manual tuning.babel
andlazybabel
— generateproject/translations/messages.pot
file with different strategy.addlang
— add new language translation with code taken from shell variableLANG
. Simple usage example$ LANG=en make addlang
updlang
— update language files in language folders made byaddlang
command.celery
— run celery brokerdcelery
— run celery broker in debug state with code reload and verbose output. Sometimes require manual reloads, but handier during development
Translation workflow in nutshell:
- Edit templates and py files
- Run
lazybabel
if new translations strings were added or modified - Run
updlang
to apply master.pot
files changes to.po
language files - Run
addlang
if you need to support another language - Update
project/config.py
LANGUAGES
dict to allow users to see new translations in the Settings page - Use Poedit to translate strings
Flask-Script
added flavor of Django manage.py
to Flask development. Put your common management tasks inside this file. Migration commands already available with db
prefix. For example how to make new migration and upgrade your database:
$ python manage.py db migrate -m "new models"
$ python manage.py db upgrade
# don't forget to add a new file under git control
$ git add migrations/versions/*.py
By default manage.py
already have these commands:
init
— recreate all tables in the database. Usually, you don't need to use this command since it will erase all your data, but on the empty environment can be useful in the local environment.dump
— make fixture and save all data contained in models defined indump_models
variable.restore
— restore fixtures from a file created bydump
command.
After you check out this code you may need to rename folder project
to something more relevant your needs. I prefer to have own name for each project. Next step to change all mentions of the word project
in your code. I don't add any code generators for this project since anyway make code reviews every time starting new Flask project by adding or removing extensions or some parts of the source code.
.
├── Dockerfile
If you need to run the project inside Docker
├── Makefile
├── README.md
├── babel.cfg
Configuration for Flask-Babel
, generally you don't need to edit this file unless you use a different template system.
├── celery_run.py
To run Celery broker use this file.
├── entry.py
To run Flask server use this file, it is already prepared for uwsgi
, mod_wsgi
or other wsgi web server modules.
├── local.example.cfg
Rename this file to local.cfg
and use on different versions on product, test and development environment.
├── manage.py
Use this file to register management commands. Alembic commands set already included with db
prefix.
├── migrations
│ ├── README
│ ├── alembic.ini
│ ├── env.py
│ ├── script.py.mako
│ └── versions
│ └── ee69294e63e_init_state.py
Migrations folder contains all your database migrations.
├── packages.txt
This file used by Docker and contains all Ubuntu packages that need to be installed on a fresh Ubuntu server.
├── project
Your project code is here
│ ├── __init__.py
│ ├── api
│ │ ├── __init__.py
│ │ └── views.py
Put here your admin or API views created by Flask-Admin
or Flask-Restless
.
│ ├── app.py
This cornerstone part of the project structure. But export only two functions create_app
and create_celery
. More info inside file.
│ ├── auth
│ │ ├── __init__.py
│ │ ├── forms.py
│ │ ├── models.py
│ │ ├── templates
│ │ │ └── auth
│ │ │ ├── index.html
│ │ │ ├── macros.html
│ │ │ ├── profile.html
│ │ │ └── settings.html
│ │ └── views.py
project.auth
is working example of blueprint which shows how to organize user authentication using different OAuth providers, such as Facebook, GitHub, Twitter, etc. Full list of supported social backends available in python-social-auth
documentation page.
│ ├── config.py
The file contains default configuration for the project. My approach to have code that can run with defaults. When you don't need special Postgres or other database features on deployment environment for testing purpose enough to use SQLite, but a set of projects that are database agnostic is very limited in real life. More about configuration is separate chapter.
│ ├── docs
│ │ └── index.md
Have a section with simple text files is common for sites. Sometimes you need to have "Contacts" or "Features" page without dynamic elements. Just simple HTML. Here are these files. By default available by frontend.page
route, if you need to change it see inside frontend/views.py
.
│ ├── extensions.py
All Flask extensions registered here. You can access them by import from this file. More information is available in configuration chapter.
│ ├── frontend
│ │ ├── __init__.py
│ │ ├── templates
│ │ │ └── frontend
│ │ │ ├── index.html
│ │ │ └── user_profile.html
│ │ └── views.py
Frontpage of the site and some useful common pages combined in one blueprint. Generally, each site section has its blueprint, but if you are not sure where to put something small put it here.
│ ├── models.py
Helper to access SQLAlchemy
models. I found very comfortable to have all models collected together in one place. Since your models always mapped into the database you never should have conflict errors using the same name because the database doesn't allow to have several tables with the same name.
│ ├── tasks.py
Celery tasks placed here. If you have worked with Celery you will found yourself familiar with this concept. If you need to spit tasks in different files then follow the idea of models.py
.
│ ├── templates
│ │ ├── base.html
│ │ ├── counter.html
│ │ ├── macros.html
│ │ ├── misc
│ │ │ ├── 403.html
│ │ │ ├── 404.html
│ │ │ ├── 405.html
│ │ │ ├── 500.html
│ │ │ └── base.html
│ │ ├── nav.html
│ │ └── page.html
There are basic site templates. Each blueprint has it's own template/<blueprint_name>
folder because of the recommendation of Jinja documentation. If you don't want to read how the Jinja environment lookup working then just follow this pattern. For your convenience misc
folder contains templates for common error pages.
│ ├── translations
│ │ ├── en
│ │ │ └── LC_MESSAGES
│ │ │ └── messages.po
│ │ ├── messages.pot
│ │ └── ru
│ │ └── LC_MESSAGES
│ │ ├── messages.mo
│ │ └── messages.po
If you don't need internationalization you can ignore this folder. If you don't then your translation strings located here. Po
files are standard for translation and internationalization of different projects. Always cover text inside _
(underscore) function, project code contains all needed examples.
│ └── utils.py
Trash-can for all common usefulness that can't find a place in other parts of the code.
├── requirements.txt
All project dependencies installed by pip
.
├── setup.py
This file makes your folder python project that can be wrapped into an egg and distributed by DevOps. This part is not covered in the documentation and usually needed on past stages of the project.
└── static
├── bower.json
├── code.js
├── favicon.png
├── libs
├── robots.txt
└── style.css
All static dependencies are installed by bower
packages manager. Of course, you can get rid of node.js
as a dependency, but I found that full automation saves a vast amount of time and it is almost impossible to avoid of using popular JavaScript frameworks or compilers. Why avoid such things as browserify
or CoffeScript? By default site already use Bootstrap.
Already mention my approach: the project should be able to start with minimum external dependencies. Of course, if the project grows up the probability of using individual features increase. For example, Postgres has different capabilities then SQLite, but this Flask project template trying to be as much agnostic as it can. That is why config.py
is not empty, I attempt to make you able to start your simple Flask application after git checkout.
Of course, you will make changes to your configuration, but more importantly how your project will work after the development phase and how it flexible will be if you have a team of developers.
My recommendation store everything common and insensitive inside config.py
. But if you need to have personal settings then store in local.cfg
and put this file in the root folder of the project.
But still, it is not flexible enough. What if you need to connect staging or test database? Then you can use the option -c
to define different config file:
$ python manage.py runserver -c test.cfg
# if you need to apply the migration to test database
$ python manage.py -c test.cfg db upgrade
This time Flask will read configuration this order:
config.py
inside the project folder- Try to find
local.cfg
in the parent folder - Configuration file provided by command line
Notice that cfg
files don't execute it is simple text files. In the end configuration variable will have the last value it was mentioned. For example if MAIL_SERVER
defined in config.py
and redefined in local.cfg
then the last value will be used by Flask application.
This approach covers most cases I have in my practice. Show your DevOp how to use cfg
and put inside variables he/she needs to change.
Also local.cfg
is ignored in .gitignore
so you will not accidentally put your database passwords to a public repository.