Make EmberJS and Django Rest Framework play nice together.
Project description
The default Ember Data REST Adapter conventions differ from the default Django Rest Framework JSON request and response format. Instead of adding a Django specific adapter to Ember Data we use this adapter in Django to output and accept JSON in the format the Ember Data REST Adapter expects.
By default, Django REST Framework will produce a response like:
{ "count": 20, "next": "http://example.com/api/1.0/identities/?page=2", "previous": null, "results": [ { "id": 1, "username": "john", "full_name": "John Coltrane" }, { ... } ] }
However, for an identity model in EmberJS, the Ember Data REST Adapter expects a response to look like the following:
{ "identity": [ { "id": 1, "username": "john", "full_name": "John Coltrane" }, { ... } ], "meta": { "count": 20, "next": 2, "next_link": "http://example.com/api/1.0/identities/?page=2", "page": 1, "previous": null, "previous_link": null } }
Requirements
Django
Django REST Framework
Installation
From PyPI
pip install rest_framework_ember
From Source
$ git clone https://github.com/ngenworks/rest_framework_ember.git $ cd rest_framework_ember && pip install -e .
Usage
rest_framework_ember assumes you are using class-based views in Django Rest Framework.
Settings
One can either add rest_framework_ember.parsers.EmberJSONParser and rest_framework_ember.renderers.JSONRenderer to each ViewSet class, or override settings.REST_FRAMEWORK:
REST_FRAMEWORK = { 'PAGINATE_BY': 10, 'PAGINATE_BY_PARAM': 'page_size', 'MAX_PAGINATE_BY': 100, 'DEFAULT_PAGINATION_SERIALIZER_CLASS': 'rest_framework_ember.pagination.EmberPaginationSerializer', 'DEFAULT_PARSER_CLASSES': ( 'rest_framework_ember.parsers.EmberJSONParser', 'rest_framework.parsers.FormParser', 'rest_framework.parsers.MultiPartParser' ), 'DEFAULT_RENDERER_CLASSES': ( 'rest_framework_ember.renderers.JSONRenderer', 'rest_framework.renderers.BrowsableAPIRenderer', ), }
If PAGINATE_BY is set the renderer will return a meta object with record count and the next and previous links. Django Rest Framework looks for the page GET parameter by default allowing you to make requests for subsets of the data with this.store.find('identity', {page: 2});.
resource_name property
On resources that do not subclass rest_framework.viewsets.ModelViewSet, the resource_name property is required on the class:
class Me(generics.GenericAPIView): """ Current user's identity endpoint. GET /me """ resource_name = 'data' serializer_class = identity_serializers.IdentitySerializer allowed_methods = ['GET'] permission_classes = (permissions.IsAuthenticated, )
Managing the trailing slash
By default Django expects a trailing slash on urls and will 301 redirect any requests lacking a trailing slash. You can change the server side by instantiating the Django REST Framework’s router like so:
router = routers.SimpleRouter(trailing_slash=False)
If you aren’t using SimpleRouter you can instead set APPEND_SLASH = False in Django’s settings.py file and modify url pattern regex to match routes without a trailing slash.
If you prefer to make the change on the client side then add an application adapter to your Ember app and override the buildURL method:
App.ApplicationAdapter = DS.RESTAdapter.extend({ buildURL: function() { var url = this._super.apply(this, arguments); if (url.charAt(url.length -1) !== '/') { url += '/'; } return url; } });
Displaying Server Side Validation Messages
Ember Data does not ship with a default implementation of a validation error handler except in the Rails ActiveModelAdapter so to display validation errors you will need to add a small client adapter:
App.ApplicationAdapter = DS.RESTAdapter.extend({ ajaxError: function(jqXHR) { var error = this._super(jqXHR); if (jqXHR && jqXHR.status === 400) { var response = Ember.$.parseJSON(jqXHR.responseText), errors = {}, keys = Ember.keys(response); if (keys.length === 1) { var jsonErrors = response[keys[0]]; Ember.EnumerableUtils.forEach(Ember.keys(jsonErrors), function(key) { errors[key] = jsonErrors[key]; }); } return new DS.InvalidError(errors); } else { return error; } } });
The adapter above will handle the following response format when the response has a 400 status code. The root key (“post” in this example) is discarded:
{ "post": { "slug": ["Post with this Slug already exists."] } }
To display all errors add the following to the template:
{{#each message in errors.messages}} {{message}} {{/each}}
To display a specific error inline use the following:
{{#each errors.title}} <div class="error">{{message}}</div> {{/each}} {{input name="title" value=title}}
Sideloading Resources
If you are using the JSON Renderer globally, this can lead to issues when hitting endpoints that are intended to sideload other objects.
For example:
{ "users": [], "cars": [] }
Set the resource_name property on the object to False, and the data will be returned as it is above.
Mixins
The following mixin classes are available to use with Rest Framework resources.
rest_framework_ember.mixins.MultipleIDMixin
Overrides get_queryset to filter by ids[] in URL query params.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Hashes for rest_framework_ember-1.0.3.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 10e0d6080031cae9defd29ae7d6983a920ee89bbdbf91e4d0b0b951a6a7df2cf |
|
MD5 | df73a72a7e61cbd1c8510323446d0486 |
|
BLAKE2b-256 | 6db8a32fd3808f4688b4a975968dedf55e88d9d454e4cbcd1e1ad06d05c21d1a |