Integration with Django CMS

Before you take any steps please back up your files and database. The plugin works only with default CMS pattern. If you manually changed CMS patterns, the plugin might not help you.

1. First create a Resource within your SkyparkCDN control panel.
2. Configure your urls.py file to point the static files to the appropriate static folder (i.e same directory as your media folder)
   • Before

     # This is only needed when using runserver.
     if settings.DEBUG:
         urlpatterns = patterns('',
             url(r'^media/(?P<path>.*)$', 'django.views.static.serve', # NOQA
                 {'document_root': settings.MEDIA_ROOT, 'show_indexes': True}),
             ) + staticfiles_urlpatterns() + urlpatterns # NOQA
         #urlpatterns = static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
     		

   • After

     # This is only needed when using runserver.
     if settings.DEBUG:
         urlpatterns = patterns('',
             url(r'^static/(?P<path>.*)$', 'django.views.static.serve', # NOQA
                 {'document_root': settings.STATIC_ROOT, 'show_indexes': True}),
             ) + urlpatterns # NOQA
         urlpatterns = patterns('',
             url(r'^media/(?P<path>.*)$', 'django.views.static.serve', # NOQA
                 {'document_root': settings.MEDIA_ROOT, 'show_indexes': True}),
             ) + staticfiles_urlpatterns() + urlpatterns # NOQA
         #urlpatterns = static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
     		

3. Modify the settings.py file to point your Django application to the CDN. Find the STATIC_URL and MEDIA_URL variables and modify them to reflect your CDN Domain ot the CNAME that you specified in the SkyparkCDN control panel. Ensure that your CNAME record has been configured in a proper way before using it for integration.

   • STATIC_URL = 'http://cname/static/'
     MEDIA_URL = 'http://cname/media/'
     Replace CNAME with the CNAME or CDN Domain specified in the control panel.
     		

4. Now any files within the static or media folders should be delivered via the CDN. However, there are still some static files that Django uses to run the CMS. In order to complete the integration, these files should be removed to your STATIC_ROOT folder, defined in the settings.py file. In order to copy these static files, first ensure you are running in a virtual environment from the Django root directory
   
   $ source env/bin/activate
   
   
5. Once this is complete, navigate to your app directory, where the manage.py file is stored, and run the following command:
   
   $ python manage.py collectstatic
   
   
6. Any external static files will now be pulled into your STATIC_ROOT folder which will subsequently be delivered via the CDN.
7. Use the STATIC_URL within your template files in order to reference your files from the static folder, for example:
   
   <link rel="stylesheet" type="text/css" href="<strong>{{ STATIC_URL }}</strong>test.css">

Integration has been completed! We highly recommend you to check the HTML code of your webpage to ensure that URLs have been rewritten properly from your original ones to CNAME from the control panel.

 

To do that press F12 or open Developers Tools in your browser, choose the Network tab and refresh the page. All static files should have your CNAME in URLs.