This document discusses different approaches for reversing API endpoints in a Django project with a Javascript-heavy frontend. It presents basic and real-life examples of using URL suffixes and string replacements to reverse endpoints that are passed to the frontend. The basic approach adds suffixes to endpoints in urls.py and templates, while the real-life approach updates view keyword arguments and uses string replacement in the frontend code. The document aims to provide solutions for reversing endpoints when suffixes cannot be used.

1. Django urls.py in a
Javascript-heavy site
Sebastien Mirolo
@seabasscapoeira
smirolo@djaodjin.com

2. REST-driven Django site
How do I “reverse” my
API end points?

3. Basic hack: string suffix
urls.py
url(r‘^api/billing/(?P<organization>[a-z0-9-]+)/’,
DetailAPIView.as_view(), name=‘api_detail’),
url(r‘^api/billing/’, ListAPIView.as_view(),
name=‘api_base’),
url(r‘^billing/’, TemplateView.as_view(
template_name=‘billing.hmtl’), name=‘list’),
billing.html
<script type=“text/javascript”>
app.constant('urls', {
api_base : "{% url ‘api_base' %}”});
</script>
app.js
$http.get(urls.api_base, params: {q: val});

4. What if I cannot use suffixes?
url(r’^api/(?P<organization>[a-zA-Z0-9-]+)/’,
include(‘urls.api.billing’),
decorators=[‘django.contrib.auth.decorators.login_required’]),
I use https://github.com/mila/django-urldecorators
to add security checks and my urls.py look like:

5. Real hack: string replace
views.py
kwargs.update({‘organization’: ‘PAT-organization’});
api_pattern = reverse(‘api_detail’, *args, **kwargs);
app.js
$http.get(urls.api_detail.replace(‘PAT-organization’, val));

6. Real life examples
from
github.com/djaodjin/djaodjin-
saas
Thank You
Sebastien Mirolo
@seabasscapoeira
smirolo@djaodjin.com