Before starting the integration process, create a Pull Zone in your KeyCDN dashboard.

In order to use a CDN with Flask, Flask-CDN must be installed. This can be installed using the following methods:

• pip:

  pip install flask-cdn
  

• GitHub:

  pip install git+git://github.com/wichitacode/flask-cdn.git
  

• Easy Install:

  easy_install flask-cdn
  

Once Flask-CDN is installed, the following snippet must be added to your app.py file. Replace cdn.yourdomain.com with your CDN URL (e.g flaskcdn-hexid.kxcdn.com). If you would rather use a custom CDN URL, you can create a Zone Alias.

from flask import Flask
from flask.ext.cdn import CDN

app = Flask(__name__)
app.config['CDN_DOMAIN'] = 'cdn.yourdomain.com'
CDN(app)

Restart your Flask application once the changes have been saved in your app.py file.

All static files associated with your Flask application should be located within a folder named static located in your Flask app's root directory. Reference your static assets within your Flask templates using the following format:

{{ url_for('static', filename='keycdn.png') }}

As always, double check that your static assets are indeed being delivered through KeyCDN by viewing the page source and checking the Request URL.