Flask Web App To Mac App
Aug 28, 2018 How Does a Flask App Work? The code lets us run a basic web application that we can serve, as if it were a website. From flask import Flask app = Flask(name) @app.route('/') def home: return 'Hello, World!' If name 'main': app.run(debug=True) This piece of.
by Greg Obinna
In this guide I’ll show you a step by step approach for structuring a Flask RESTPlus web application for testing, development and production environments. I will be using a Linux based OS (Ubuntu), but most of the steps can be replicated on Windows and Mac.
Before continuing with this guide, you should have a basic understanding of the Python programming language and the Flask micro framework. If you are not familiar with those, I recommend taking a look at an introductory article - How to use Python and Flask to build a web app.
How this guide is structured
This guide is divided into the following parts:
Features
We’ll be using the following features and extensions within our project.
- Flask-Bcrypt: A Flask extension that provides bcrypt hashing utilities for your application.
- Flask-Migrate: An extension that handles SQLAlchemy database migrations for Flask applications using Alembic. The database operations are made available through the Flask command-line interface or through the Flask-Script extension.
- Flask-SQLAlchemy: An extension for Flask that adds support for SQLAlchemy to your application.
- PyJWT: A Python library which allows you to encode and decode JSON Web Tokens (JWT). JWT is an open, industry-standard (RFC 7519) for representing claims securely between two parties.
- Flask-Script: An extension that provides support for writing external scripts in Flask and other command-line tasks that belong outside the web application itself.
- Namespaces (Blueprints)
- UnitTest
What is Flask-RESTPlus?
Flask-RESTPlus is an extension for Flask that adds support for quickly building REST APIs. Flask-RESTPlus encourages best practices with minimal setup. It provides a coherent collection of decorators and tools to describe your API and expose its documentation properly (using Swagger).
Setup and Installation
Check if you have pip installed, by typing the command pip --version
into the Terminal , then press Enter.
If the terminal responds with the version number, this means that pip is installed, so go to the next step, otherwise install pip or using the Linux package manager, run the command below on the terminal and press enter. Choose either the Python 2.x OR 3.x version.
- Python 2.x
- Python 3.x
Set up virtual environment and virtual environment wrapper (you only need one of these, depending on the version installed above):
Follow this link for a complete setup of virtual environment wrapper.
Create a new environment and activate it by executing the following command on the terminal:
Project Setup and Organization
I will be using a functional structure to organize the files of the project by what they do. In a functional structure, templates are grouped together in one directory, static files in another and views in a third.
In the project directory, create a new package called app
. Inside app
, create two packages main
and test
. Your directory structure should look similar to the one below.
We are going to use a functional structure to modularize our application.
Inside the main
package, create three more packages namely: controller
, service
and model
. The model
package will contain all of our database models while the service
package will contain all the business logic of our application and finally the controller
package will contain all our application endpoints. The tree structure should now look as follows:
Now lets install the required packages. Make sure the virtual environment you created is activated and run the following commands on the terminal:
Create or update the requirements.txt
file by running the command:
The generated requirements.txt
file should look similar to the one below:
Configuration Settings
In the main
package create a file called config.py
with the following content:
The configuration file contains three environment setup classes which includes testing
, development
, and production
.
We will be using the application factory pattern for creating our Flask object. This pattern is most useful for creating multiple instances of our application with different settings. This facilitates the ease at which we switch between our testing, development and production environment by calling the create_app
function with the required parameter.
In the __init__.py
file inside the main
package, enter the following lines of code:
Flask Script
Now let’s create our application entry point. In the root directory of the project, create a file called manage.py
with the following content:
The above code within manage.py
does the following:
line 4
and5
imports the migrate and manager modules respectively (we will be using the migrate command soon).line 9
calls thecreate_app
function we created initially to create the application instance with the required parameter from the environment variable which can be either of the following -dev
,prod
,test
. If none is set in the environment variable, the defaultdev
is used.line 13
and15
instantiates the manager and migrate classes by passing theapp
instance to their respective constructors.- In
line 17
,we pass thedb
andMigrateCommand
instances to theadd_command
interface of themanager
to expose all the database migration commands through Flask-Script. line 20
and25
marks the two functions as executable from the command line.
Flask-Migrate exposes two classes,Migrate
andMigrateCommand
. TheMigrate
class contains all the functionality of the extension. TheMigrateCommand
class is only used when it is desired to expose database migration commands through the Flask-Script extension.
At this point, we can test the application by running the command below in the project root directory.
If everything is okay, you should see something like this:
Database Models and Migration
Now let’s create our models. We will be using the db
instance of the sqlalchemy to create our models.
Flask Web App To Mac App Free
The db
instance contains all the functions and helpers from both sqlalchemy
and sqlalchemy.orm
andit provides a class called Model
that is a declarative base which can be used to declare models.
In the model
package, create a file called user.py
with the following content:
The above code within user.py
does the following:
line 3:
Theuser
class inherits fromdb.Model
class which declares the class as a model for sqlalchemy.line 7
through13
creates the required columns for the user table.line 21
is a setter for the fieldpassword_hash
and it usesflask-bcrypt
to generate a hash using the provided password.line 24
compares a given password with already savedpassword_hash
.
Now to generate the database table from the user
model we just created, we will use migrateCommand
through the manager
interface. For manager
to detect our models, we will have to import theuser
model by adding below code to manage.py
file:
Now we can proceed to perform the migration by running the following commands on the project root directory:
- Initiate a migration folder using
init
command for alembic to perform the migrations.
2. Create a migration script from the detected changes in the model using the migrate
command. This doesn’t affect the database yet.
3. Apply the migration script to the database by using the upgrade
command
If everything runs successfully, you should have a new sqlLite database flask_boilerplate_main.db
file generated inside the main package.
Each time the database model changes, repeat themigrate
andupgrade
commands
Testing
Configuration
To be sure the setup for our environment configuration is working, let’s write a couple of tests for it.
Create a file called test_config.py
in the test package with the content below:
Run the test using the command below:
You should get the following output:
User Operations
Now let’s work on the following user related operations:
- creating a new user
- getting a registered user with his
public_id
- getting all registered users.
User Service class: This class handles all the logic relating to the user model.
In the service
package, create a new file user_service.py
with the following content:
Jun 12, 2020 The best personal finance software on the market does away with the need to rifle through a box of papers, receipts and invoices - a nightmare scenario for anyone. Best home and business finance software for mac. May 17, 2020 Personal finance software and apps can help you master the basics, become more efficient at managing your money, and even help you discover ways to meet your long-term financial goals. Choosing the best personal finance software depends on your current financial needs. Some personal finance software can help you master budgeting and expense tracking, while others can help. Oct 28, 2017 Top 10 Best Personal Finance Software for Mac Personal Finance Software refers to a financial tool that enables you to prepare a budget, track your expenses, and check your overall finances. Small Business Software Reviews, Services Insight and Resources.
The above code within user_service.py
does the following:
line 8
through29
creates a new user by first checking if the user already exists; it returns a successresponse_object
if the user doesn’t exist else it returns an error code409
and a failureresponse_object
.line 33
and37
return a list of all registered users and a user object by providing thepublic_id
respectively.line 40
to42
commits the changes to database.
No need to use jsonify for formatting an object to JSON, Flask-restplus does it automatically
In the main
package, create a new package called util
. This package will contain all the necessary utilities we might need in our application.
In the util
package, create a new file dto.py
. As the name implies, the data transfer object (DTO) will be responsible for carrying data between processes. In our own case, it will be used for marshaling data for our API calls. We will understand this better as we proceed.
The above code within dto.py
does the following:
line 5
creates a new namespace for user related operations. Flask-RESTPlus provides a way to use almost the same pattern as Blueprint. The main idea is to split your app into reusable namespaces. A namespace module will contain models and resources declaration.line 6
creates a new user dto through themodel
interface provided by theapi
namespace inline 5
.
User Controller: The user controller class handles all the incoming HTTP requests relating to the user .
Under the controller
package, create a new file called user_controller.py
with the following content:
line 1
through 8
imports all the required resources for the user controller.
We defined two concrete classes in our user controller which are userList
and user
. These two classes extends the abstract flask-restplus resource.
Concrete resources should extend from this classand expose methods for each supported HTTP method.If a resource is invoked with an unsupported HTTP method,the API will return a response with status 405 Method Not Allowed.Otherwise the appropriate method is called and passed all argumentsfrom the URL rule used when adding the resource to an API instance.
The api
namespace in line 7
above provides the controller with several decorators which includes but is not limited to the following:
- api.route: A decorator to route resources
- api.marshal_with: A decorator specifying the fields to use for serialization (This is where we use the
userDto
we created earlier) - api.marshal_list_with: A shortcut decorator for
marshal_with
above withas_list = True
- api.doc: A decorator to add some api documentation to the decorated object
- api.response: A decorator to specify one of the expected responses
- api.expect: A decorator to Specify the expected input model ( we still use the
userDto
for the expected input) - api.param: A decorator to specify one of the expected parameters
We have now defined our namespace with the user controller. Now its time to add it to the application entry point.
In the __init__.py
file of app
package, enter the following:
The above code within blueprint.py
does the following:
- In
line 8
, we create a blueprint instance by passingname
andimport_name.
API
is the main entry point for the application resources and hence needs to be initialized with theblueprint
inline 10
. - In
line 16
, we add the user namespaceuser_ns
to the list of namespaces in theAPI
instance.
We have now defined our blueprint. It’s time to register it on our Flask app.
Update manage.py
by importing blueprint
and registering it with the Flask application instance.
We can now test our application to see that everything is working fine.
Now open the URL http://127.0.0.1:5000
in your browser. You should see the swagger documentation.
Let’s test the create new user endpoint using the swagger testing functionality.
You should get the following response
Security and Authentication
Let’s create a model blacklistToken
for storing blacklisted tokens. In the models
package, create a blacklist.py
file with the following content:
Lets not forget to migrate the changes to take effect on our database.
Import the blacklist
class in manage.py
.
Run the migrate
and upgrade
commands
Next create blacklist_service.py
in the service package with the following content for blacklisting a token:
Update the user
model with two static methods for encoding and decoding tokens. Add the following imports:
Python Flask Web App Template
- Encoding
- Decoding: Blacklisted token, expired token and invalid token are taken into consideration while decoding the authentication token.
Now let’s write a test for the user
model to ensure that our encode
and decode
functions are working properly.
In the test
package, create base.py
file with the following content:
The BaseTestCase
sets up our test environment ready before and after every test case that extends it.
Create test_user_medol.py
with the following test cases:
Run the test with python manage.py test
. All the tests should pass.
Let’s create the authentication endpoints for login and logout.
- First we need a
dto
for the login payload. We will use the auth dto for the@expect
annotation inlogin
endpoint. Add the code below to thedto.py
- Next, we create an authentication helper class for handling all authentication related operations. This
auth_helper.py
will be in the service package and will contain two static methods which arelogin_user
andlogout_user
When a user is logged out, the user’s token is blacklisted ie the user can’t log in again with that same token.
- Let us now create endpoints for
login
andlogout
operations.
In the controller package, createauth_controller.py
with the following contents:
- At this point the only thing left is to register the auth
api
namespace with the applicationBlueprint
Update __init__.py
file of app
package with the following
Run the application with python manage.py run
and open the url http://127.0.0.1:5000
in your browser.
The swagger documentation should now reflect the newly created auth
namespace with the login
and logout
endpoints.
Before we write some tests to ensure our authentication is working as expected, let’s modify our registration endpoint to automatically login a user once the registration is successful.
Add the method generate_token
below to user_service.py
:
The generate_token
method generates an authentication token by encoding the user id.
This token isthe returned as a response.
Next, replace the return block in save_new_user
method below
with
Now its time to test the login
and logout
functionalities. Create a new test file test_auth.py
in the test package with the following content:
Visit the github repo for a more exhaustive test cases.
Route protection and Authorization
So far, we have successfully created our endpoints, implemented login and logout functionalities but our endpoints remains unprotected.
We need a way to define rules that determines which of our endpoint is open or requires authentication or even an admin privilege.
We can achieve this by creating custom decorators for our endpoints.
Before we can protect or authorize any of our endpoints, we need to know the currently logged in user. We can do this by pulling the Authorization token
from the header of the current request by using the flask library request.
We then decode the user details from the Authorization token
.
In the Auth
class of auth_helper.py
file, add the following static method:
Now that we can retrieve the logged in user from the request, let’s go ahead and create the decorators.
Create a file decorator.py
in the util
package with the following content:
For more information about decorators and how to create them, take a look at this link.
Now that we have created the decorators token_required
and admin_token_required
for valid token and for an admin token respectively, all that is left is to annotate the endpoints which we wish to protect with the freecodecamp orgappropriate decorator.
Extra tips
Currently to perform some tasks in our application, we are required to run different commands for starting the app, running tests, installing dependencies etc. We can automate those processes by arranging all the commands in one file using Makefile.
On the root directory of the application, create a Makefile
with no file extension. The file should contain the following:
Here are the options of the make file.
make install
: installs both system-packages and python-packagesmake clean
: cleans up the appmake tests
: runs the all the testsmake run
: starts the applicationmake all
: performsclean-up
,installation
, runtests
, andstarts
the app.
Extending the App & Conclusion
It’s pretty easy to copy the current application structure and extend it to add more functionalities/endpoints to the App. Just view any of the previous routes that have been implemented.
Feel free to leave a comment have you any question, observations or recommendations. Also, if this post was helpful to you, click on the clap icon so others will see this here and benefit as well.
Visit the github repository for the complete project.
Thanks for reading and good luck!
- Flask Tutorial
- Flask Useful Resources
- Selected Reading
In order to test Flask installation, type the following code in the editor as Hello.py
Importing flask module in the project is mandatory. An object of Flask class is our WSGI application.
Flask constructor takes the name of current module (__name__) as argument.
The route() function of the Flask class is a decorator, which tells the application which URL should call the associated function.
The rule parameter represents URL binding with the function.
The options is a list of parameters to be forwarded to the underlying Rule object.
Web App Using Flask Python
In the above example, ‘/’ URL is bound with hello_world() function. Hence, when the home page of web server is opened in browser, the output of this function will be rendered.
Finally the run() method of Flask class runs the application on the local development server.
All parameters are optional
Sr.No. | Parameters & Description |
---|---|
1 | host Hostname to listen on. Defaults to 127.0.0.1 (localhost). Set to ‘0.0.0.0’ to have server available externally |
2 | port Defaults to 5000 |
3 | debug Defaults to false. If set to true, provides a debug information |
4 | options To be forwarded to underlying Werkzeug server. |
The above given Python script is executed from Python shell.
A message in Python shell informs you that
Open the above URL (localhost:5000) in the browser. ‘Hello World’ message will be displayed on it.
Debug mode
A Flask application is started by calling the run() method. However, while the application is under development, it should be restarted manually for each change in the code. To avoid this inconvenience, enable debug support. The server will then reload itself if the code changes. It will also provide a useful debugger to track the errors if any, in the application.
The Debug mode is enabled by setting the debug property of the application object to True before running or passing the debug parameter to the run() method.